工具出处： https://github.com/wx-minapp/minapp-vscode

该工具提供以下功能：

• 一键创建小程序组件
• 标签名与属性自动补全
• 根据组件已有的属性，自动筛选出对应支持的属性集合
• 属性值自动补全
• 点击模板文件中的函数或属性跳转到 js/ts 定义的地方（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
• 样式名自动补全（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
• 在 vue 模板文件中也能自动补全，同时支持 pug 语言
• 支持 link（纯 wxml 或 pug 文件才支持，vue 文件不支持）
• 自定义组件自动补全（纯 wxml 文件才支持，vue 或 pug 文件不支持）
• 模板文件中 js 变量高亮（纯 wxml 或 pug 文件才支持，vue 文件不支持）
• 内置 snippets
• 支持 emmet 写法
• wxml 格式化

组件具体玩法大家可自行查阅文档。

如： 使用text 标签在代码里面换行(自动格式化)后渲染会多出多余空格问题，就可以利用该组件的格式化功能有效解决：使所有text标签不被换行(优先级高于其它格式化插件)。

// settings.json增加以下配置
{
  "minapp-vscode.wxmlFormatter": "wxml", // 使用minapp默认格式化方式处理wxml
  "minapp-vscode.reserveTags": [
    // 忽略格式化的标签， text标签格式化会引起换行和空格的问题
    "text",
    "wxs"
  ],
}