webstorm關於sass、scss

關於在webstorm中編譯sass的問題
本文使用的webstorm10 版本
點擊左上角file→settings→file watchers
點擊窗口右上角的+號，選擇scss
把Arguments一欄改爲以下：
--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
把Output paths to refresh一欄改爲以下：
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
就能夠解決在webstorm中編譯sass文件的問題

解釋：改動的實際上是編譯後的css存儲的位置

 

sass是預編譯語言
1.文件擴展名不一樣，Sass 是以「.sass」後綴爲擴展名，而 SCSS 是以「.scss」後綴爲擴展名
2.語法書寫方式不一樣，Sass 是以嚴格的縮進式語法規則來書寫，不帶大括號({})和分號(;)，而 SCSS 的語法書寫和咱們的 CSS 語法書寫方式很是相似。
$定義變量

關於sass的安裝請參考http://www.w3cplus.com/sassguide/