微信小程序开发工具

提供预览、打包上传、代码补全、语法高亮、依赖分析、项目模版等功能，部分功能仍在开发中。
notion image

功能

代码补全与语法高亮

  • 支持小程序 API 的代码补全
  • 支持 WXML 中组件的代码补全
  • 支持 WXML WXSS WXS 的语法高亮
  • 支持快速创建 Page 及 Component

预览和上传小程序

  • 支持设置小程序上传目录
  • 支持扫码预览小程序
  • 支持小程序打包并上传到微信后台
  • 支持查看小程序编译产物
  • 支持下载最近上传的 SourceMap

代码分析

  • 支持代码静态依赖分析
  • 支持代码质量分析（开发中）

项目设置

  • 支持查看和修改项目配置
  • 支持构建 npm
  • 支持查看开发文档
  • 支持打开微信开发者工具 IDE

主题

  • 提供 Dark 和 Light 两种主题
  • 提供图标

组件支持

  • 支持点击自定义组件跳转到对应文件
  • 支持点击绑定的函数名跳转到对应函数定义

项目模板及代码片段

其它

  • 支持微信小程序开发文档搜索
  • 支持代理设置

常见问题

    1. IDE 默认会寻找项目根目录的 project.config.json。若小程序项目有单独的目录，将无法自动识别，需按照提示选择该文件进行设置。设置完成后会在项目目录下生成 .vscode/settings.json 用于存储。
    1. 在 微信公众平台 - 开发 - 开发设置 下载代码上传密钥后，一定要关闭 IP 白名单 功能，否则无法正常预览和上传小程序。如果你的设备是静态 IP，也可以在白名单中配置设备 IP 使用（不推荐）。
badge