记录一下,如何在微信小程序下应用less扩大语言编写款式
- 应用vscode关上微信小程序我的项目
在须要应用到less文件的目录下,新建一个index.less文件,如下图所示
- 装置vscode插件
装置结束后须要启用该插件
3.vscode窗口下,按下快捷CTRL + SHIFT + P
在呈现的输入框内输出open settings
点击下图中所示选项
4.批改settings.json文件下的内容(能够先搜寻是否存在该属性,如果不存在则新增一个)
"less.compile": { "outExt": ".wxss" }
按下ctrl + s 保留文件
5.尝试在新增的index.less文件下进行编辑(编辑结束记得保留),例如
此时再关上同一门路下的index.wxss文件
仔细的你会发现,wxss文件下为less文件编译后的内容,那么祝贺你,配置胜利了。