如何使用sass(環境安裝)


Sass是基於ruby環境開發的語言工具,因此使用sass須要ruby環境。css

一、       下載rubyhtml

https://rubyinstaller.org/downloads/sass

下載完後雙擊,next便可 ruby

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

 

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

gem updatesass  (升級sass 命令)工具

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

 

這樣sass 就安裝好了,可是sass還沒法實時監測css文件的而變更.net

 

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

我在桌面上新建了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