如何使用sass(環境安裝)


Sass是基於ruby環境開發的語言工具,所以使用sass需要ruby環境。

1、       下載ruby

https://rubyinstaller.org/downloads/

下載完後雙擊,next即可 

2、        查看ruby是否安裝好,找到Start Command Prompt with Ruby 這個工具

 

3、        輸入命令 gem install sass (安裝sass 命令)

gem updatesass  (升級sass 命令)

sass -v (查看sass版本命令)

 

這樣sass 就安裝好了,但是sass還無法實時監測css文件的而變動

 

4、        在桌面或者你想存放項目的地方新建一個文件夾

我在桌面上新建了sass文件夾,裏面放了一個text.scss文件。

 

打開ruby窗口,cd到你放項目的目錄下

使用命令sass text.scss css\css.css(左邊輸入sass文件,右邊輸出css的文件,如果想把css文件建一個文件夾放起來,就在前面如例子所示加一個路徑)

監視某一個sass文件,使用命令 sass  --watch text.scss:css.css( 左邊是scss輸入文件,右邊的css輸出文件)   

監視整個文件夾,使用命令:sass  --watch scss:css(左邊代表監視的文件路徑,右邊代表輸出文件路徑)

 

然後用編輯器打開,sass就能實時監控css了


參考博文

https://www.cnblogs.com/wuzhiquan/p/5912146.html


順便,如果sublime不支持scss高亮插件,參加下面的博文

http://blog.csdn.net/u013022210/article/details/48729281



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章