webstormwebstorm10配置less编译环境（如何添加less的file watchers）

Posted 2020-06-09

1、首先基本环境要提前搭建好，node.js提前安装好

2、less可以通过node.js的NPM安装（全局安装）：npm install less -g

3、webstorm10（低于10的没测试，不知道），操作：File→Settings→Tools→File Watchers,点击右侧绿色“+”号：

4、填写参数：

保存less文件，自动编译为css文件。

注意：编译后新的css文件是折叠在这里的

展开：

不容易发现

有空弄：生成的css自动放到dist等文件夹中，并且html文件的引用时同步变动，且带有防止缓存的参数：如：main.css?v=20160127