小程序应用less（VScode版）

小汪又来啦，这一篇博客小汪写的是小程序中如何应用less来帮我们快速开发，老规矩若是能帮到小伙伴别忘了点个赞哦。

想必less大家都很熟悉，它的优点有很多，我觉得最大的优点可能就是选择器嵌套功能了（个人感觉），但是小程序中可以使用less吗？答案是可以的 。接下来我们看看所需的一些步骤吧：

1. VScode ：有些人喜欢双编辑器开发，微信开发者工具用来展示效果，VScode用来编辑（我是这么做的），PS:因为小程序应用less需要用到VScode的一个插件，但是其他编辑器小汪暂时还没有去了解，所以暂时就写这一个吧。
2. .easy Less ：打开VScode Ctrl+Shift+X 打开扩展 搜索到 easy Less进行下载安装，如图所示图（图内也有步骤）：
   
3. 使用快捷键：Ctrl+，（逗号）或点击左下角齿轮按钮 打开设置 - 搜索 easy Less config 并选择 点在setings.json中编辑，如如图所示（图内也有步骤）：
   
4. 将以下这一段代码复制进setings.json中（请注意 //后的注释，复制进json要删除）：

	
"less.compile": {
    "outExt": ".wxss" //这里填写的字符串是转译后的文件后缀，默认则是.css  
},

5. 最后一步在同层级需要使用到less的目录新建一个XXXX.less文件，按照自己的需求编写代码，保存后会自动编译一个XXXX.wxss文件（如果没有同名文件则自动创建，有则内容覆盖） 但注意千万不要把后缀名写错哦！
   （这里我比较习惯在微信开发者工具创建page，然后在VScode中将XXXX.wxss改名为XXXX.less，省去创建的步骤）如图所示（图内有步骤与效果）：
   

同理 在想编译css时只要未安装其他环境如：Gulp / webPack等皆可使用此方法，不是安装了Gulp / webPack等环境不能使用，只是有了Gulp / webPack这些开发环境，easy Less这个插件就显得鸡肋了点。
好啦，这篇内容到这里结束，如果有帮助到小伙伴，请小伙伴给小汪多点点支持，点点大拇指即可，我们下篇见。