1 回答

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個(gè)贊
1、下載ruby最新版2.1.5,安全起見(jiàn)可以安裝ruby 1.9.3-p551
ruby安裝文件自己百度一下,容易找到。
2、安裝過(guò)程中,一定注意勾選第二項(xiàng)!否則cmd命令會(huì)找不到。
3、安裝完后,檢查是否安裝成功
Win+r快捷鍵啟動(dòng)cmd命令窗口,輸入ruby -v,注意中間空格,顯示版本號(hào)說(shuō)明成功。
4、借助ruby安裝sass,dos命令窗口輸入“gem install sass”
該命令一定要在system32文件下cmd.exe執(zhí)行,默認(rèn)安裝目錄在C:\Windows\System32\cmd.exe文件
5、安裝過(guò)程中,耐心等待,直到提示安裝進(jìn)度100%。
同樣通過(guò)“sass -v”命令(中間有空格)檢查安裝結(jié)果,顯示當(dāng)前版本號(hào)。
6、接著需要配置webstorm下sass編譯環(huán)境。
打開(kāi)webstorm創(chuàng)建空項(xiàng)目,點(diǎn)擊“File”菜單選擇“Setting”,搜索“watcher”關(guān)鍵字,
7、點(diǎn)擊右邊綠色加號(hào),選擇“SCSS”文件類(lèi)型。
8、輸入監(jiān)視文件類(lèi)型名稱(chēng)(隨便寫(xiě)),關(guān)鍵第二個(gè)選項(xiàng),一定要選擇ruby安裝目錄bin文件下的scss.bat文件
9、最后,創(chuàng)建.scss文件輸入scss css代碼,保存后會(huì)生成后綴.css文件,說(shuō)明環(huán)境編譯沒(méi)問(wèn)題。
- 1 回答
- 0 關(guān)注
- 730 瀏覽
添加回答
舉報(bào)