配置pug

下载pug及命令工具

npm install pug

npm install pug-cli

配置file watcher

program中填 

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

arguments中填

-P $FileName$

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

-o [path]

如图所示

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

配置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
如图所示

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

相关文章:

  • 2021-09-11
  • 2021-12-09
  • 2022-12-23
  • 2022-12-23
  • 2021-05-12
  • 2021-06-06
  • 2021-09-29
猜你喜欢
  • 2022-12-23
  • 2021-11-03
  • 2021-10-13
  • 2021-11-26
  • 2022-12-23
  • 2022-01-11
相关资源
相似解决方案