sass 安裝

轉自前端網 https://www.qdfuns.com/article/39653/4936f4556b9ef93ebd669b45f2a12ff7.htmljavascript

#第一步:.##進入ruby官網進行下載ruby配置環境https://rubyinstaller.org/downloads/),根據你的電腦選擇不一樣的下載版本[/color]css

手把手教配置sass環境

第二步:.##進行ruby安裝,默認,點擊安裝
##以後自動進入cmd,默認按下Enter鍵,自動安裝,只須要等待數十分鐘。html

手把手教配置sass環境

第三步:打開cmd 輸入 ruby -v 顯示ruby版本 表明安裝成功

手把手教配置sass環境

第四步:分別輸入 gem install sass 和gem install compass進行下載

什麼是compass 實際上是就是jQuery對應javascript compass對應sass 同樣 更好的去管理sass

手把手教配置sass環境

手把手教配置sass環境

下載完畢就能夠使用sass 開不開心


第五步:怎麼使用 (打開submile 若是想要有sass和scss高亮 自行下載submile插件)
打開cmd ,能夠在創建的文件夾 點擊shift和鼠標左鍵打開cmd 或者直接點擊文件路徑輸入cmd##
前端

手把手教配置sass環境

第六步:輸入 compass create

手把手教配置sass環境

就自動建立了如下文件夾

手把手教配置sass環境

第七步:輸入 commpass watch 這個是編輯 scss或者sass的時候自動更新css文件。

手把手教配置sass環境

第八步:我使用 scss格式進行編輯,由於它能寫常規的css 更直觀 因此須要把sass下的文件都刪除

手把手教配置sass環境

而後在sass文件夾下創建scss文件 保存 而後就會在stylesheets文件夾下嗎生成新css

手把手教配置sass環境

第九。在scss裏面 有 // 和//二種註釋
// 是在scss裏面的註釋 不會再css裏面顯示
而//會在css裏面顯示
若是要使用中文註釋,能夠去修改compas路徑下的sass配置
也能夠在scss開始加上 @charset "utf-8";
java

手把手教配置sass環境

手把手教配置sass環境

相關文章
相關標籤/搜索