Ruby（或cmd中）輸入命令行編譯sass步驟如下： 舉例： 1、在F盤中新建一個總文件夾，比如test文件夾，其中在該文件夾下麵建立html、images、js、sass等文件夾。 2、在sass文件夾中創建要使用到的sass文件，或者scss文件。common.scss、reset.scss、 ...
Ruby（或cmd中）輸入命令行編譯sass步驟如下：
舉例：
1、在F盤中新建一個總文件夾，比如test文件夾，其中在該文件夾下麵建立html、images、js、sass等文件夾。
2、在sass文件夾中創建要使用到的sass文件，或者scss文件。common.scss、reset.scss、config.scss等一些公共文件以及項目中需要使用到的各個文件。（當然這裡的文件也可以分別放在不同的文件夾中，不過必須都是sass文件夾的子目錄。）
3、sass文件夾下的common.scss：
div{
width: 300px;
height: 300px;
border: 1px solid #000;
background-color: #333;
p{
width: 200px;
height: 200px;
background-color: #666;
a{
display: inline-block;
width: 100px;
height: 100px;
background-color: #999;
}
}
}
4、 啟動ruby
5、根據步驟命令行輸入
得到結構如下圖
6、命令行沒有清除緩存
得到結構如下圖
7、如若sass文件下麵有多個sass文件，要指定某一個文件被編譯，需要指定文件。其中首先找到sass文件這個目錄，然後將sass文件夾下的某一個文件轉化為css文件夾下的某一個。
得到結構如下圖
發現的問題
a．在建立的文件夾下必須建立了sass文件夾，ruby需要識別sass文件夾（我試過直接在沒有sass文件夾下進行編譯，失敗了）；
b．--no-cache是清除緩存，--watch是監聽指令，--style是樣式，compressed指令可以壓縮css文件。
SASS提供四個編譯風格的選項：
* nested：嵌套縮進的css代碼，它是預設值。
* expanded：沒有縮進的、擴展的css代碼。
* compact：簡潔格式的css代碼。
* compressed：壓縮後的css代碼。
