如何在Mac版微信小程序ide添加less插件的支持

400 阅读1分钟

简介

如何Mac版微信小程序ide添加less插件的支持?

步骤

1. 下载插件

  • 通过vscode安装easy-less, 找到本地的安装包。

2. 安装插件

设置 -> 扩展设置 -> 编辑器扩展 -> 打开编辑器扩展面板... -> ... -> 从已解包的扩展文件夹中安装, 选择对应的插件安装包。

image.png

image.png

3. 配置插件

设置 -> 编辑器设置 -> 更多编辑器设置... -> 搜索框中输入"less" -> 在settings.json中编辑 -> 添加配置。

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

image.png

image.png

image.png

4. 验证

在此文件下新建t.less 即可less内编译的样式会自动在wxss文件内自动生成.

image.png