1 回答

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
您好,這樣的:Sass的安裝:
1.安裝:SASS是Ruby語言寫的,但是兩者的語法沒有關(guān)系。不懂Ruby,照樣使用。只是必須先安裝Ruby,然后再安裝SASS。
假定你已經(jīng)安裝好了Ruby,接著在命令行輸入下面的命令:
gem install sass
然后,就可以使用了。
2:使用:
SASS文件就是普通的文本文件,里面可以直接使用CSS語法。文件后綴名是.scss,意思為Sassy CSS。SASS提供兩種編譯方式,一種是手動(dòng)編譯,一種是監(jiān)視編譯(–watch),手動(dòng)編譯就是當(dāng)你撰寫好CSS時(shí)下指令去做編譯,監(jiān)視編譯則是你指令一個(gè)目錄,當(dāng)此目錄里面的*.scss檔案有改變時(shí)(新增、覆寫等等),就會(huì)自動(dòng)去做編譯的動(dòng)作。先來講手動(dòng)編譯方式:
下面的命令,可以在屏幕上顯示.scss文件轉(zhuǎn)化的css代碼。(假設(shè)文件名為test。)
sass test.scss
如果要將顯示結(jié)果保存成文件,后面再跟一個(gè).css文件名。
sass test.scss test.css
SASS提供四個(gè)編譯風(fēng)格的選項(xiàng):
* nested:嵌套縮進(jìn)的css代碼,它是默認(rèn)值。
* expanded:沒有縮進(jìn)的、擴(kuò)展的css代碼。
* compact:簡(jiǎn)潔格式的css代碼。
* compressed:壓縮后的css代碼。
生產(chǎn)環(huán)境當(dāng)中,一般使用最后一個(gè)選項(xiàng)。
sass –style compressed test.sass test.css
還有一種監(jiān)視的方式做編譯,在命令行中切換到當(dāng)前sass或者scss文件所在的目錄,然后運(yùn)行
sass –watch scss:css
- 1 回答
- 0 關(guān)注
- 684 瀏覽
添加回答
舉報(bào)