1惑灵,需要先下載Ruby山上,去官網(wǎng),然后安裝的時(shí)候注意選中自動(dòng)配置環(huán)境變量
2英支,打開cmd佩憾,輸入ruby -v 可以查看是否安裝成功。然后利用ruby來安裝sass
3干花,安裝scss
啟動(dòng)Ruby中的“Start Command Prompt with Ruby”
輸入如下:
$ gem sources --remove https://rubygems.org/
$ gem sources --add http://gems.ruby-china.org/
$ gem sources -l
gem install sass
sass -v (查看安裝成功后的版本)
4鸯屿,打開Webstorm的設(shè)置界面,然后搜索File Watcher把敢;點(diǎn)擊“+”號(hào)添加scss等~如下:
sass.png
5寄摆,Sass 和 SCSS 其實(shí)是同一種東西,我們平時(shí)都稱之為 Sass修赞,
兩者之間不同之處有以下兩點(diǎn):
文件擴(kuò)展名不同婶恼,Sass 是以“.sass”后綴為擴(kuò)展名,而 SCSS 是以“.scss”后綴為擴(kuò)展名
語法書寫方式不同柏副,Sass 是以嚴(yán)格的縮進(jìn)式語法規(guī)則來書寫勾邦,不帶大括號(hào)({})和分號(hào)(;),而 SCSS 的語法書寫和我們的 CSS 語法書寫方式非常類似割择。
所以:選擇后綴為scss會(huì)編寫語法會(huì)習(xí)慣一些
6眷篇,用的時(shí)候新建文本,后綴為sass或者scss即可@笥尽蕉饼!