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/