记录一下,如何在微信小程序下应用 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 文件编译后的内容,那么祝贺你,配置胜利了。