微信小程序使用 Less

PS：设置前请确保电脑已经安装 webstorm、node、npm和less。

活不多说，直接上图

1、设置 > Tools > File Watchers > 右上角"新建"图标 > 选择 Less

微信小程序使用 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$

微信小程序使用 less

3、点 Ok > Apply > OK

大功告成

在项目内新建 xxx.less 文件， 就会在当前目录生成 xxx.wxss 文件，并且自动把 xxx.less 的代码编译到 xxx.wxss

微信小程序使用 less

告辞