说明：以下自动补全主要是在 vscode 编辑器中实现的，其它编辑器没有测试过；不过除了 wxml 使用了一个 vscode 插件外，其它都是编辑器自己实现的，所以其它编辑器应该也能实现下面要说到的这些自动补全的功能！

为了得到更好的体验，请先安装如下两款 vscode 插件

非 vscode 用户，可以使用 dot-template-cli 来替代 dot-template-vscode 插件，需要在命令行上执行如下命令即可

  1. npm install -g dot-template-clidtpl watch # 在项目根目录上运行

注意：不要同时使用 dot-template 的命令行和vscode插件

ts / js 中自动补全

  • wx 的所有接口自动补全，包括函数名、函数的参数、函数的返回值，补全的数据包括描述、数据类型、兼容版本号、使用实例、甚至对应的官方文档链接

wx

自动补全数据全是从官方文档抓取下来的，会定期更新；查看 wx.d.ts 文件

  • wxp（wx的promise版本）的所有接口的自动补全

    • 为了方便兼容 wx 接口，wxp 接口也支持使用 success/fail/complete 函数
    • wxp 会给 Promise 添加了一个 finally 方法；如，你可以这样用 wxp.getUserInfo().finally(() => { / do something / })wxp

自动补全数据全是从官方文档抓取下来的，会定期更新；查看 wxp.d.ts 文件

  • Page 类支持的所有方法自动补全

page

  • Component 类中支持的所有方法自动补全

component

小程序 json 文件自动补全

  • app.json 自动补全
  • page.json 自动补全
  • component.json 自动补全json

json 自动补全是根据预定义的元数据来实现的，参考 http://json-schema.org/

所有相关的元数据定义在此：qiu8310/minapp/schema

wxml 文件自动补全 (vscode 中需要安装 minapp-vscode)

  • 支持所有标签名的补全（输入 < 即可触发）
  • 支持所有标签的属性的补全（在标签中输入空格 即可触发）
  • 支持所有 wx 的控制语句的自动补全 (输入 wx: 可触发)
  • 支持所有事件的自动补全（输入 bind: 或 catch: 可触发）
  • 鼠标悬浮在标签上可以看到标签的文档
  • 鼠标悬浮在标签属性上可以看到标签属性的文档wxml

自动补全使用的数据是从官方文档上抓取的，数据会定期更新，请放心使用；查看当前抓取的组件数据文件