美文网首页
webstorm 设置 自动编译sass

webstorm 设置 自动编译sass

作者: 冯走心 | 来源:发表于2016-10-18 15:33 被阅读474次

安装 node-sass
这里一定要用npm安装 不要使用cnpm 至少我使用cnpm 没有找到 node-sass.cmd 文件

npm  install -g node-sass

安装完毕 打开 webstorm

文件 -> 设置(ctrl + alt + s ) -> File Watchers -> 右边+号
弹出下面窗口

防止图片挂掉 把需要改动的参数写出:

// node-sass 安装后会在该文件夹下生成node-sass.cmd 必须使用它
Parogram:  C:\Program Files\nodejs\node-sass.cmd  

//css那里可以自己随意设置
Arguments: $FileName$ -o $ProjectFileDir$/css/$FileNameWithoutExtension$.css

相关文章

网友评论

      本文标题:webstorm 设置 自动编译sass

      本文链接:https://www.haomeiwen.com/subject/ioktuttx.html