一、安裝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...