PS:设置前请确保电脑已经安装 webstorm、node、npm和less。
活不多说,直接上图
1、设置 > Tools > File Watchers > 右上角"新建"图标 > 选择 Less
2、除了Program以外,其他按照图中来设置
1、Program:less的cmd文件地址(默认是 C:\Users\你的用户名\AppData\Roaming\npm\lessc.cmd)
2、Arguments: --no-color $FileName$
3、Output paths to refresh: $FileNameWithoutExtension$.wxss
4、展开 Advanced Options > 勾选 1、2、4 项
5、Output filters: $MESSAGE$\Q in \E$FILE_PATH$\Q on line \E$LINE$\Q, column \E$COLUMN$
3、点 Ok > Apply > OK
大功告成
在项目内新建 xxx.less 文件, 就会在当前目录生成 xxx.wxss 文件,并且自动把 xxx.less 的代码编译到 xxx.wxss