这里要说的实现方法是使用微信开发者工具的编辑器扩展功能，安装并使用第三方编辑器扩展工具实现如题所示功能，效果如下：

插件详细功能介绍：
标签名与属性自动补全
根据组件已有的属性，自动筛选出对应支持的属性集合
属性值自动补全
点击模板文件中的函数或属性跳转到 js/ts 定义的地方（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
样式名自动补全（纯 wxml 或 pug 文件才支持，vue 文件不完全支持）
在 vue 模板文件中也能自动补全，同时支持 pug 语言
支持 link（纯 wxml 或 pug 文件才支持，vue 文件不支持）
自定义组件自动补全（纯 wxml 文件才支持，vue 或 pug 文件不支持）
模板文件中 js 变量高亮（纯 wxml 或 pug 文件才支持，vue 文件不支持）
内置 snippets
支持 emmet 写法
wxml 格式化
DIY添加适合自己的

安装第三方编辑器扩展教程：
动手打造更强更好用的微信开发者工具-编辑器扩展篇 | 微信开放社区
https://developers.weixin.qq.com/community/develop/article/doc/000a8816e18748dd52f96f8975b413