提供预览、打包上传、代码补全、语法高亮、依赖分析、项目模版等功能。可以在面板的底部“微信小程序”处使用,如下图所示。
WXML
中组件的代码补全WXML
WXSS
WXS
的语法高亮Page
及 Component
Dark
和 Light
两种主题IDE 默认会寻找项目根目录的 project.config.json
。若小程序项目有单独的目录,将无法自动识别,需按照提示选择该文件进行设置。设置完成后会在项目目录下生成 .vscode/settings.json
用于存储。
在 微信公众平台 - 开发 - 开发设置 下载代码上传密钥后,一定要关闭 IP 白名单 功能,否则无法正常预览和上传小程序。如果你的设备是静态 IP,也可以在白名单中配置设备 IP 使用(不推荐)。
感谢以下开源项目:
部分功能的实现参考了微信开发者工具 IDE