如何使用sass(環(huán)境安裝)

發(fā)布時(shí)間：2020-08-06 05:55:16 來源：網(wǎng)絡(luò) 閱讀：623 作者：袁max 欄目：開發(fā)技術(shù)

Sass是基于ruby環(huán)境開發(fā)的語言工具，所以使用sass需要ruby環(huán)境。

1、下載ruby

https://rubyinstaller.org/downloads/

下載完后雙擊，next即可

2、查看ruby是否安裝好，找到Start Command Prompt with Ruby 這個(gè)工具

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

gem updatesass (升級(jí)sass 命令)

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

這樣sass 就安裝好了，但是sass還無法實(shí)時(shí)監(jiān)測(cè)css文件的而變動(dòng)

4、在桌面或者你想存放項(xiàng)目的地方新建一個(gè)文件夾

我在桌面上新建了sass文件夾，里面放了一個(gè)text.scss文件。

打開ruby窗口，cd到你放項(xiàng)目的目錄下

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

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

監(jiān)視整個(gè)文件夾，使用命令：sass --watch scss:css(左邊代表監(jiān)視的文件路徑，右邊代表輸出文件路徑)

然后用編輯器打開，sass就能實(shí)時(shí)監(jiān)控css了

參考博文

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

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

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

向AI問一下細(xì)節(jié)

猜你喜歡