微信开发者工具

微信开发者工具是微信官方提供的小程序开发 IDE，以下是推荐的配置和使用规范

下载与安装

前往 微信开发者工具官网 下载最新稳定版。

项目配置

project.config.json

该文件是项目配置文件，会被提交到版本库，团队成员共享统一配置：

{
  "setting": {
    "urlCheck": true,
    "es6": true,
    "enhance": true,
    "postcss": true,
    "preloadBackgroundData": false,
    "minified": true,
    "newFeature": true,
    "autoAudits": false,
    "uglifyFileName": true,
    "checkInvalidKey": true,
    "checkSiteMap": true,
    "uploadWithSourceMap": true,
    "compileHotReLoad": true,
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    }
  },
  "compileType": "miniprogram",
  "condition": {}
}

常用设置说明

配置项	说明	推荐值
es6	ES6 转 ES5	true
postcss	上传代码时样式自动补全	true
minified	上传代码时自动压缩	true
urlCheck	检查请求域名合法性	开发时可关闭，上线前开启
compileHotReLoad	热重载	true

调试技巧

1. Console 面板：查看日志输出和错误信息
2. Network 面板：查看网络请求详情
3. AppData 面板：实时查看和修改页面数据
4. Storage 面板：查看本地缓存数据
5. WXML 面板：查看页面结构和样式
6. 真机调试：点击工具栏 真机调试 按钮，扫码后在真机上调试

常见问题

1. 模拟器与真机表现不一致：以真机为准，模拟器仅作参考
2. 请求域名校验失败：在设置中勾选"不校验合法域名"（仅开发阶段）
3. 编译缓慢：清除编译缓存，菜单栏 工具 > 构建 npm

注意

• 正式发布前必须开启域名校验
• 上传代码前确保没有控制台错误和警告
• 注意小程序包体积限制：主包不超过 2MB，总包不超过 20MB