微信小程序微信小程序开发微信小程序开发者

微信小程序使用 Less

2018-12-11  本文已影响12人  枝枝_zhizhi

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 告辞
上一篇下一篇

猜你喜欢

热点阅读