1. 程式人生 > >如何使用sass(環境安裝)

如何使用sass(環境安裝)

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

本文出自 “yuanmax” 博客,請務必保留此出處http://yuanmax.blog.51cto.com/11695250/1983720

如何使用sass(環境安裝)