webstorm配置編譯sass的輸出目錄

關于這個的問題，雖說不是很難，但還是踩了點小坑，下面就來介紹下如何使用webstorm配置編譯sass的輸出目錄。

1.下載下傳Ruby

2.使用Ruby安裝sass

3.檢測是否安裝成功。

前面的幾步很多教程上都有，就不詳細說了。

一般來說，我們期望scss目錄和css目錄是單獨分開的，在scss目錄中建立index.scss的檔案。會彈出如上提示，點選yes，如果不小心點了no的話……

一樣可以進入這個頁面。

如果這樣的預設路徑，編譯好的css檔案是會直接生成在scss檔案下。

但是我們可以将Arguments中的路徑 --no-cache --update $FileName$:$FileNameWithoutExtension$.css

改成這樣--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

這樣的話，生成的css檔案就會在css目錄下了

@charset "UTF-8";