小程序微信开发工具使用less(最优法)

小程序微信开发工具使用less(最优法)

背景：

要开两个编辑器，在vscode编辑代码在开发工具看UI不方便，于是寻找在微信开发工具直接使用less的方法，最终找到了自认为的最优方案。

步骤

1. 在 vscode 下载插件 Easy LESS (注意是大写)
   
2. 用开发工具导入 vscode 的插件（自己瞎点发现的功能，以前好像没有）
   ps: 也可以下载less的安装包，用最后一个选项从已解压的安装包安装
   
3. 在setting.json中设置less输出为wxss,默认是输出的css
   1）选择设置-编辑器设置-更多编辑器设置
   
   2）在搜索框搜索setting，找到“在settings.json中编辑“点进去
   
   3）在最下面一行配置上图所示即可
   "less.compile": { "outExt": ".wxss" }
4. 重启编辑器（很重要），新建个.less的文件编辑一些样式保存，就会生成.wxss的文件了