微信小程序使用 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
告辞
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容