命令列編譯sass

2022-05-23 12:24:08 字數 1379 閱讀 7327

一、安裝ruby

1、需要的軟體裝置:

2、安裝過程:

點選上圖「應用程式」安裝即可,注意安裝過程中其中三項都需要打上勾。

如若沒有三項都打上勾則需要修改環境變數中的path路徑後新增乙個分號。

3、開啟cmd 或 win+r 輸入:gem -v 檢查rubyinstaller是否安裝成功 輸出為:2.4.5 則為安裝成功。 如若沒有顯示,重啟一下電腦就好了!!

4、安裝sass-3.4.22.gem:

輸入:gem install +sass-3.4.22.gem所在的路徑 回車即可

5、安裝完成!(或者按上一章中的辦法安裝即可!)

demo:

新建專案:web資料夾--包括scss檔案和css檔案!

scss檔案用來放.scss檔案的、css是執行sass編譯監聽後存放.css檔案的(用來給.html檔案引用的css檔案)

在命令列執行命令:【監聽整個資料夾】

sass --watch  scss:css
--watch為實時監聽 scss:css---->把scss檔案裡是我.scss檔案編譯到css檔案裡成為.css檔案

sass編譯出來的樣式風格有4種:

單獨編譯不執行監聽單個檔案! 若想要實時監聽則新增 --watch 即可!

1)預設格式 ,不壓縮: sass index.scss index.css --style nested

2)常規,頁面**比較清晰:sass index.scss index.css --style

3)一行展示,不進行壓縮: sass index.scss index.css --style

4)壓縮: sass index.scss index.css --style

compressed

(壓縮一般是用在上線的時候使用}

sass檔案命令列編譯

寫在前面 今天學習使用sass,網上看了很多介紹和教程,了解到sass檔案有2種字尾 sass 老版本 scss 新版本 兩者語法上有些不同 1 sass檔案中,不可以用 分號 和 花括號 2 scss檔案,像css檔案中一樣使用分號和花括號。然而,現在網上的部落格和教程都是 scss 的寫法,很多...

Sass教程三 編譯Sass(命令列)

sass編譯有很多種方式,如命令列編譯模式 編輯器自動編譯 編譯軟體koala sass loader等。剛才我在test資料夾裡面已經建立了乙個style.scss檔案,現在我需要把這個檔案編譯成css檔案,那麼我可以先用命令列工具進入這個資料夾 cd 就是進入某個資料夾的命令,後面跟上你電腦上資...

命令列編譯Solution

c windows devenv.com microsoft r 開發環境 7.10.3077 版。c microsoft corp 1984 2001 保留所有權利。用法 devenv solutionfile projectfile anyfile.ext switches 可以呼叫 deven...