微信开发者工具（微信开发工具怎么下载）

微信开发者工具。微信开发工具怎么下载？

编译：编译当前小程序项目

刷新：与编译的功能一致，由于历史原因保留对应的快捷键 ctrl(?) + R

编译配置：可以选择普通编译或自定义编译条件

前后台切换：模拟客户端小程序进入后台运行和返回前台的操作

清除缓存：清除文件缓存、数据缓存、以及授权数据

界面：控制主界面窗口模块的显示与隐藏

设置：

外观设置：控制编辑器的配色主题、字体、字号、行距

编辑设置：控制文件保存的行为，编辑器的表现

代理设置：选择直连网络、系统代理和手动设置代理

通知设置：设置是否接受某种类型的通知

工具栏

点击用户头像可以打开个人中心，在这里可以便捷的切换用户和查看开发者工具收到的消息。

用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。

工具栏中间，可以选择普通编译，也可以新建并选择自定义条件进行编译和预览。

通过切后台按钮，可以模拟小程序进入后台的情况

工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据微信开发者工具，方便开发者调试。

工具栏右侧是开发辅助功能的区域，在这里可以上传代码、版本管理、查看项目详情

工具栏管理

在工具栏上点击鼠标右键，可以打开工具栏管理

模拟器

模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

开发者可以选择不同的设备，也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。

在模拟器底部的状态栏，可以直观地看到当前运行小程序的场景值，页面路径及页面参数

独立窗口

点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

安装方法

1、首先在该页选任意地址将微信web开发者工具软件包下载至本地并解压安装。如下：

2、阅读授权协议，阅读后单击【我接受】

3、点击浏览选择安装位置，建议安装在D盘中

4、等待微信web开发者工具配置完毕。

5、最后，微信web开发者工具安装完成，单击【完成】开始体验。

6、最后，打开微信web开发者工具效果如下：

使用方法

首先是下载过微信开发者工具，直接双击下载安装好的程序

会弹出类似的登陆窗口，用自己的手机微信扫描二维码

扫描之后，手机端微信会出现提示，是否确认登陆，手机端点击确认登陆就行

点击确认登陆之后，电脑端就会自动识别登陆成功，会出现小程序和公众号选择的窗口

就拿公众号为主，点击右边公众号，就会出现调试界面

输入对应内部测试公众号的网址就可以进行相关调试

之后再右边的控制台，就会出现相应的代码，可以在里面debug进行调试

使用说明

一、微信开发者工具怎么新建项目？

打开微信开发者工具微信开发者工具，进行“扫码登陆”，，如下图所示。

进入登陆后，点击“+”按钮，如下图所示。

进入新增后，点击“新建项目”，如下图所示。

进入新建项目后，输入“信息”，点击“新建”，如下图所示。

进入新项目后，显示“hello word”即可，如下图所示。

二、微信开发者工具配置方法

双击打开微信开发者工具，使用小程序管理员微信号或小程序绑定的开发者微信号扫码登录。

确认登录后点击选择小程序项目。

完善小程序项目信息。进入小程序项目管理页面，填写AppID（即小程序ID）、项目名称、选择项目目录（选择如图右上角代码包解压后的首目录）后确定。

完善小程序项目设置。点击调试界面右上角——详情，在项目设置中进行勾选（设置勾选可参考下图）。

确认域名信息。点击调试界面右上角——详情，检查域名信息下的域名是否配置成与建站系统管理后台-微信小程序-配置信息页下的服务器配置相一致（填写错误会提示request：fail 不在以下合法域名列表中）。注意：修改域名请在微信公众平台登陆微信小程序账号，在设置——开发设置的服务器域名中修改，微信开发者工具是不提供域名修改的。

三、微信开发者工具怎么查看端口号?

点击微信开发者工具

点击设置

选择安全设置

然后就能看到端口号了

如果是关闭状态是看不到的

最后可以点击文档查看使用命令