ruby中輸入命令列編譯sass(ruby小白)

2022-09-22 05:54:08 字數 2148 閱讀 4233

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

*created by irene

3*2016-04-204*/

5div20}

21}

(4)啟動ruby,可以設定快捷鍵(右鍵開始選單中的ruby,選擇屬性設定快捷鍵),(我設定的是ctrl+alt+z)。

(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/*2

*created by irene

3*2016-04-204*/

5div

10div p

14div p a

1920

/**/

expanded:沒有縮排的、擴充套件的css**。

1/*2

*created by irene

3*2016-04-204*/

5div

11div p

16div p a

2223

/**/

compact:簡潔格式的css**。 

1/*2

*created by irene

3*2016-04-20 */4

div

5div p

6div p a 78

/**/

(還是加上這一條,強迫症…)compressed:壓縮後的css**。(生產環境當中,一般使用壓縮後的)

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中的標準寫法,...