1. 程式人生 > >sass 安裝使用 webstrom引數配置

sass 安裝使用 webstrom引數配置

第一步、根據自己電腦安裝對應版本ruby,推薦預設路徑(路徑不要有中文)

找到自己ruby路徑,如下圖

輸入語句  gem install sass(直接從網上下載)也可以輸入gem install sass的路徑(拖拽進來就行)

第二步、配置webstrom引數(圖醜,將就)

file => setting(不是default setting) => file watches =>scss(沒有就點選右邊+ 新增)

雙擊scss,選擇scss.bat路徑

arguments:--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

(自動編譯)

output paths to refresh:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

(生成並列css資料夾,預設生成css資料夾在scss下)