我们输入账号密码登录微信公众平台，没有账号的朋友可点击右上角“立即注册”进行账号注册，然后再返回登录3 登录成功后，将页面滑到底部我们可以看到一个“开发”图标4 点击“开发”图标下方的开发者工具选项5 我们会进入开发者工具页面，我们可以看到共有六个与开发有关的工具在前期的。

总结移动端开发，还是f12“大法”，然后切换移动调试就行了二微信开发者工具之移动调试的使用 #160 #160 #160 #160对于f12开发小型的页面是没问题的，但是如果是基于微信的项目就有些力不从心了所以大部分针对微信开发的项目基本上都可以使用 微信开发者工具 针对微信的开发者。

无需拷贝文件或目录用本文前面介绍的方法删除已有的项目不用担心，这只是删除微信Web开发工具与源代码的连接关系，不会修改或删除任何源代码文件在开发工具中，新建项目项目目录仍然选已有项目的目录，AppID这时显示的是旧的id，但可以修改，改成新的AppID点击“确定”，就完成了修改。

WeUI小程序简介由微信官方设计团队出品，提供与微信原生体验一致的基础样式特点深受开发者喜爱，适合追求与微信原生界面一致性的项目官方地址weuiiompvue简介基于Vuejs的框架，为小程序开发引入了Vuejs的开发体验特点适合熟悉Vuejs的开发者，能够利用Vuejs的生态和工具链GitHub地址。

showToast title #39成功#39， icon #39success#39， duration 2000接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分添加两个按钮，同事添加点击事件再在按钮上添加navigator导航，链接到默认的日志页面代码如下ltnavigator url=#34logs。

1首先要下载微信官方的微信Web开发者工具打开微信公众平台，找到右下方的小程序模块，点击开发按钮2点击顶部导航栏的工具按钮，在新页面的左侧栏中找到下载可以看到，开发工具提供 Windows 32 位Windows 64 位和 Mac 三个版本可根据实际情况，选择适合自己电脑的开发工具3。

我下载了微信web开发者工具后也打不开，根据网上搜索结果挨个试了都不行，结果最后才发现下个32位的工具就好了，可我电脑明明是64位的解决了问题的兄die给我点个赞。