1. 简单说明

1.1 实现后的效果文字说明

这里要说的实现方法是使用微信开发者工具的编辑器扩展功能，安装并使用第三方编辑器扩展工具实现如题所示功能。实现点击wxml里面的相关方法，如bindtap=“XXX”，CMD+鼠标左键点击XXX（WINDOWS下为CTRL+鼠标左键）直接跳转到对应.js里面此方法名称处。

1.2 实现后的效果动图演示

2. 实现方法/插件介绍

1. 标签名与属性自动补全
2. 根据组件已有的属性，自动筛选出对应支持的属性集合
3. 属性值自动补全
4. 点击模板文件中的函数或属性跳转到 js/ts 定义的地方（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
5. 样式名自动补全（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
6. 在 vue 模板文件中也能自动补全，同时支持 pug 语言
7. 支持 link（纯 wxml 或 pug 文件才支持，vue 文件不支持）
8. 自定义组件自动补全（纯 wxml 文件才支持，vue 或 pug 文件不支持）
9. 模板文件中 js 变量高亮（纯 wxml 或 pug 文件才支持，vue 文件不支持）
10. 内置 snippets
11. 支持 emmet 写法
12. wxml 格式化
13. DIY添加适合自己的

3. 安装第三方编辑器扩展教程：

动手打造更强更好用的微信开发者工具-编辑器扩展篇