小汪又来啦,这一篇博客小汪写的是小程序中如何应用less来帮我们快速开发,老规矩若是能帮到小伙伴别忘了点个赞哦。
想必less大家都很熟悉,它的优点有很多,我觉得最大的优点可能就是选择器嵌套功能了(个人感觉),但是小程序中可以使用less吗?答案是可以的 。接下来我们看看所需的一些步骤吧:
VScode :有些人喜欢双编辑器开发,微信开发者工具用来展示效果,VScode用来编辑(我是这么做的),PS:因为小程序应用less需要用到VScode的一个插件,但是其他编辑器小汪暂时还没有去了解,所以暂时就写这一个吧。 .easy Less :打开VScode Ctrl+Shift+X 打开扩展 搜索到 easy Less进行下载安装,如图所示图(图内也有步骤):
"less.compile": {
"outExt": ".wxss" //这里填写的字符串是转译后的文件后缀,默认则是.css
},
最后一步在同层级需要使用到less的目录新建一个XXXX.less文件,按照自己的需求编写代码,保存后会自动编译一个XXXX.wxss文件(如果没有同名文件则自动创建,有则内容覆盖) 但注意千万不要把后缀名写错哦!同理 在想编译css时只要未安装其他环境如:Gulp / webPack等皆可使用此方法,不是安装了Gulp / webPack等环境不能使用,只是有了Gulp / webPack这些开发环境,easy Less这个插件就显得鸡肋了点。
好啦,这篇内容到这里结束,如果有帮助到小伙伴,请小伙伴给小汪多点点支持,点点大拇指即可,我们下篇见。