ruby(或cmd中)輸入命令列編譯sass步驟如下:
(1)舉例而言:首先在f盤下建立乙個總資料夾,比如test資料夾;其次在該資料夾下建立html,images,js,sass等資料夾。
(2)在sass資料夾中建立要使用到的sass檔案。例如common.scss,reset.scss,config.scss等公共檔案以及專案中需要使用到的各個檔案,當然這裡的檔案也可以分別放在不同的資料夾中,不過都是sass資料夾的子目錄。
(3)如下是sass資料夾下的common.scss:
1/*2(4)啟動ruby,可以設定快捷鍵(右鍵開始選單中的ruby,選擇屬性設定快捷鍵),(我設定的是ctrl+alt+z)。*created by irene
3*2016-04-204*/
5div20}
21}
(5)根據步驟輸入命令列。
得到如下結構:
(6)這種情況下的命令列沒有清除快取,因此會有檔案及資料夾生成結果是這樣的:
得到如下結構:
因此最好帶上清除快取的--no-cache指令。
(7)若是sass資料夾下有多個scss檔案,要指定某乙個檔案被編譯,則專門指定哪乙個檔案即可。命令見下圖,其中首先找到sass檔案這個目錄,然後將sass資料夾下的某乙個檔案轉化為css資料夾下的某乙個。
生成了如下的結構:
(8)發現的問題:
a.在test資料夾下必須建立了sass資料夾,ruby需要識別sass資料夾(我試過直接在沒有sass資料夾下進行編譯,失敗了);
b.--no-cache是清除快取,--watch是監聽指令,--style是樣式,compressed指令可以壓縮css檔案。
c.又發現可幾個編譯為不同形式的css檔案形式的指令
(替換命令中的「compressed」):
nested:巢狀縮排的css**,它是預設值。
1/*2expanded:沒有縮排的、擴充套件的css**。*created by irene
3*2016-04-204*/
5div
10div p
14div p a
1920
/**/
1/*2compact:簡潔格式的css**。*created by irene
3*2016-04-204*/
5div
11div p
16div p a
2223
/**/
1/*2(還是加上這一條,強迫症…)compressed:壓縮後的css**。(生產環境當中,一般使用壓縮後的)*created by irene
3*2016-04-20 */4
div
5div p
6div p a 78
/**/
1(自言自語:對於這個操作,目前自己的理解是這樣的,肯定很片面也很不具體,但是會一步步學習改善噠。)divdiv pdiv p a2/*
*/
Ruby 命令列大全
ruby 一般是從命令列執行,方式如下 ruby options programfile arguments 直譯器可以通過下列選項被呼叫,來控制直譯器的環境和行為。選項描述 a與 n 或 p 一起使用時,可以開啟自動拆分模式 auto split mode 請檢視 n 和 p 選項。c只檢查語法,...
Linux 命令列輸入
這幾天剛剛接觸到linux,在windows上安裝的vmware虛擬機器,centos7。安裝什麼都是賈爺和辦公室的同事幫忙搞定的。在虛擬機器介面,按快捷鍵ctrl alt enter,可以全屏顯示linux介面,再按一次則退出全屏。如何在linux裡輸入命令列,這個問題讓我捉急了好一會兒,之後發現...
命令列編譯中的argc argv
在需要進行輸入引數傳遞的函式中,我們經常可以見到int main int argc char argv 這樣的表達形式,argc argv這兩個引數是什麼呢?是系統的預設引數嗎?查了一下資料,才終於搞懂這兩個引數,實際上其使用也是很簡單明瞭的。argc與argv,是unix與linux中的標準寫法,...