安装和启动扩展

VScode中配置安装 Easy LESS扩展:

1634514249957.png

来到微信开发者工具,打开扩展文件夹:

1634514518947.png

把vscode中刚才安装的扩展复制进来

1634514708764.png

重新打开扩展设置就有了

1634514746492.png

配置less

此时还需要配置less,编译成.wxss的后缀,才能使用:

!!!!!!!先重启微信开发者工具(因为刚刚添加了新扩展,需要初始化)

然后:

1634515137414.png

搜索:easy-less

1634515554634.png

点进去添加outExt配置项:

  1. "less.compile": {
  2. "outExt":".wxss"
  3. }

书写less

在home目录下新建home.less,书写less语法,保存编译进行测试即可。