在webstorm中配置pug、scss的file watcher及编译路径

配置pug

下载pug及命令工具

npm install pug

npm install pug-cli

配置file watcher

program中填 

[path]\node_modules\.bin\pug.cmd

arguments中填

-P $FileName$

如果想要配置编译文件路径,在arguments后填

-o [path]

如图所示


配置scss

下载安装ruby

使用淘宝镜像

gem sources --remove https://rubygems.org/ --add https://gems.ruby-china.org/-o [path]

遇到报错   WARNING: Error fetching data: SSL_connect returned=1 errno=0 state=SSLv3 read server……

 解决:参考博客

下载sass

gem install sass

配置file watcher

program中填 

[ruby path]\bin\sass.bat

如果想要配置编译文件路径,在arguments的$FileName$:和$FileNameWithoutExtension$.css之间填

$FileName$:$FileParentDir$\[path]

如果不想要.map文件,在arguments后填

--sourcemap=none
如图所示


评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页