VsCode scss的安裝與使用

2021-09-08 07:11:57 字數 615 閱讀 6575

less與scss部分功能是相同的,都可以簡化樣式的編寫,但是在開發中發現,當希望通過函式處理某些資料的時候,無法定義資料的返回,

而scss可以完成對資料運算後返回資料方法的定義,因此決定使用scss

@function rem($pixle)

.box

看了網上的安裝教程,發現都說先要安裝ruby作為執行環境,感覺非常麻煩,想到現在很多都可以直接通過npm進行安裝,然後本人直接嘗試了一下,安裝完成後可以正常使用這裡記錄一下安裝的過程:

本人之前已經裝過nodejs因此無需再次安裝,因此可以直接使用npm,未安裝的可以直接去檢視nodejs的安裝

以上兩個問題可以從以下位置找到解決方案:

如果已經安裝或設定過,直接看一下部分:

npm install -g sass
搜尋商店,查詢easy sass安裝,完成後重啟vscode即可

然後不需要設定任何內容,編寫.scss檔案後,自動儲存即可生成以下的檔案,甚至包括壓縮的檔案,非常nice!

pyenv virtualenv 的安裝與使用

1 安裝pyenv 建立安裝目錄 mkdir pyenvgit clone pyenv git clone pyenv plugins pyenv virtualenvecho export pyenv root home pyenv bash profile echo export path py...

Spotlight on Unix 的安裝與使用

1.本文背景 直接點選 next 按鈕,切換到選擇安裝路徑介面 選擇安裝路徑,點選 next 按鈕,切換到安裝許可協議介面 選擇同意,點選 next 按鈕,切換到安裝資訊檢查介面 確認無誤後點選 next 按鈕,開始安裝 spotlight 到電腦 安裝結束後提示安裝成功 點選 finish 按鈕結...

docker windows版本的安裝與使用

回到目錄 在面向服務的框架裡,docker扮演著十分重要的角色,他使你的部署更輕量,使運維更智慧型化,事實上微軟自己的專案也已經用上了docker了,下面介紹一下在windows環境上使用docker的一些注意點。由於docker是基於linux 的核心,在windows和mac上是不能直接使用do...