WXMINI-VSCODE-PLUGIN

微信小程序vscode插件, 跳转至vscode插件市场

必读

• 使用前请使用yarn add -D @types/wechat-miniprogram安装小程序的js提示。

插件功能指南：

提示

标签名、属性名、属性值补全

键入<时,触发标签补全提示，键入空格触发标签对应的属性名补全，当属性为集合类型时，键入上下键选择值

以bind开头的补全提示与定义跳转

当属性名以bind开头时，会去读取当前编辑的wxml对应同名的js文件中找到除Page生命周期之外的函数用于自动补全。ctrl + 鼠标单击可跳转到对应的js函数之上。

class 或 id 属性名的值补全提示与定义跳转

当属性名为class 或 id 时，会读取当前编辑的wxml对应同名的wxss文件找类选择器用于自动补全。ctrl + 鼠标单击可跳转到对应的wxss类选择器中。

{{*}}补全提示与定义跳转

当在 {{*}}表达式中，会去当前编辑的wxml对应的同名的js文件找到data中的属性用于自动补全。ctrl + 鼠标当前可跳转到对应的data属性上。

json提示

插件会对app.json、sitemap.json、/**/*.json这些文件进行提示。

功能

打开模拟器

打开wxml文件时，点击右上角的打开模拟器按钮即可在右边打开模拟器。当键入ctrl+s(保存当前文档)时，右侧的模拟器会自动刷新。模拟器详情

ps: 模拟器可能会有不完善的地方，欢迎反馈问题。

预览、上传、清除密钥

这些功能的实现采用微信官方提供的ci工具。