记录一下,如何在微信小程序下应用less扩大语言编写款式

  1. 应用vscode关上微信小程序我的项目
    在须要应用到less文件的目录下,新建一个index.less文件,如下图所示

  1. 装置vscode插件

    装置结束后须要启用该插件

3.vscode窗口下,按下快捷
CTRL + SHIFT + P
在呈现的输入框内输出
open settings
点击下图中所示选项


4.批改settings.json文件下的内容(能够先搜寻是否存在该属性,如果不存在则新增一个)

"less.compile": {      "outExt": ".wxss"    }

按下ctrl + s 保留文件


5.尝试在新增的index.less文件下进行编辑(编辑结束记得保留),例如

此时再关上同一门路下的index.wxss文件

仔细的你会发现,wxss文件下为less文件编译后的内容,那么祝贺你,配置胜利了。