sass是css預處理工具
常見的css預處理工具有：sass less stylus
sass的作用：
嵌套規則：通過花括號解決樣式嵌套問題
變數規則：通過變數將公共樣式抽離，減少冗余代碼
條件邏輯：像高級語言一樣撰寫邏輯性的css代碼
Sass sublime 編輯器插件編譯方法
首先官網（http://www.ruby-lang.org/en/downloads/）下載 ruby（sass 是基于 ruby環境的）
傻瓜式安裝即可
cmd，輸入ruby -v
代表安裝成功
輸入gem -v
gem安裝成功（安裝 ruby 會自動安裝 gem）
在上述視窗中繼續輸入“gem install sass”
輸入sass -v
sass 的環境安裝完成，sass 安裝完成
下面開始安裝 sublime 插件
（1）打開 sublime 編輯器，查看是否有“package control”
（2）如果沒有，則需要先安裝“package control”，“package control”安裝步驟如下：
①首先，在瀏覽器的地址欄輸入 https://packagecontrol.io/installation
②打開 sublime 編輯器，按下快捷鍵 ctrl 和~
在彈出的輸入框中，輸入下面這段代碼等待安裝完成
③安裝完成后，在 sublime 編輯器中，按下快捷鍵 ctrl 和 shift 和 p（備注：編輯器左下角會顯示是否安裝完）
然后，在彈出的輸入框中，輸入 sass，選中 Sass 回車，進行安裝
安裝完成后，重新按下快捷鍵 ctrl 和 shift 和 p，調出 package control
安裝完成后，在彈出的輸入框中，輸入 sass，選中 SASS Build 回車，等待安裝完成
安裝完成后，在 sublime 編輯器上可以看到如下如的選單，如圖進行選擇
Package control 安裝不了插件的解決方法:
1、如圖，找到如下圖的檔案，打開
2、輸入紅框中的配置資訊
"channels":
[
"http://cst.stu.126.net/u/json/cms/channel_v3.json"
],
3、配置完畢，重新啟動 sublime 編輯器，即可正常安裝 sublime 插件
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/55508.html
標籤：Html/Css