为了帮助开发者简单高效地开发和调试微信小程序,微信官方提供了
微信开发者工具,利用开发者工具可以很方便地进行小程序开发、代码查看以及编辑、预览和发布等。

微信开发者工具包含三个版本:

  1. 稳定版: 稳定性高,开发中一般推荐大家使用稳定版本
  2. 预发布版: 稳定性尚可,一般包含新的、大的特性,通过了内部测试
  3. 开发版: 稳定性差,主要用于尽快修复BUG缺陷和敏捷上线小功能小的特性.


📌注意事项: 微信开发者工具必须联网方可使用

1. 打开微信开放平台的小程序点击左侧导航栏开发工具

微信开发者工具怎么安装vue 调试 微信开发者工具view_微信小程序


点击后右侧则显示页面为:

微信开发者工具怎么安装vue 调试 微信开发者工具view_微信开发者工具怎么安装vue 调试_02


2. 我们选择如下的开发者工具

微信开发者工具怎么安装vue 调试 微信开发者工具view_开发工具_03


小程序开发者工具文档页面


微信开发者工具页面浏览:

微信开发者工具怎么安装vue 调试 微信开发者工具view_微信开发者工具怎么安装vue 调试_04


我们跳转到微信开发者工具的下载页面:

微信开发者下载页面直达链接

微信开发者工具怎么安装vue 调试 微信开发者工具view_开发工具_05


  1. 这里选择稳定版根据自己不同的版本号安装即可

    下载好文件后:

    双击文件即可
    弹出: 点击下一步.我接受…这里省略我相信大家都会

    扫码登陆即可~
    然后就是我们开发工具的登录页面了

点击右侧大加号就可以新建项目了+

微信开发者工具怎么安装vue 调试 微信开发者工具view_开发工具_06

点击后就会弹出新的页面需要我们去选择当前项目存放目录, 项目AppID…等

微信开发者工具怎么安装vue 调试 微信开发者工具view_微信开发者工具_07

开发模式选择小程序
后端服务选择不使用云服务
模板选择不使用模板