配置SASS環境

安裝sass 

安裝好ruby之後，在開始介面會有乙個 

start command prompt with ruby的檔案使用管理員身份開啟他 

然後輸入命令 gem install sass 這個就是安裝sass了 但是有的時候會出錯那是因為被牆了不能安裝，一些大型**提供了一些映象下面就介紹用映象來安裝

**rubygems映象安裝sass 

首先移除預設的原始檔輸入命令

gem sources --remove

gem sources --a

然後再命令中輸入gem sources -l

當只顯示gems.ruby-china.org時從命令列再次輸入

gem install sass

檢查安裝 

在命令列中輸入

sass -v

Webstorm9配置SASS編譯環境

廢話不多說，直接去webstorm配置去。開啟settings，可以看到tools下面有個file watchers選項，點進去如下圖 右邊顯示的就是現在監視的實時編譯檔案配置，scss和scss min就是我配置的。點選加號，選擇scss或者sass 根據自己寫的格式，scss是最新版的sass字...

Sass 環境除錯

css的預編譯工具有很多 less sass stylus postcss 等等 css預處理器用一種專門的程式語言，進行web頁面樣式設計，然後再編譯成正常的css檔案，以供專案使用。為css增加一些程式設計的特性，無需考慮瀏覽器的相容性問題，例如你可以在css中使用變數 簡單的邏輯程式 函式等等...

sass 系列之 sass配置與編譯

1.刪除gem源 gem sources move 2.新增國內gem源 gem sources add 3.檢查是否替換成功 gem sources l 如果替換成功，會如下顯示 在命令列中使用gem指令安裝sass 和compass。gem install sass gem install co...