微信开发者工具的基本使用,以及各项功能

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信开发者工具的基本使用,以及各项功能

本节我们将了解微信开发工具的基本使用以及各种功能

这里就不讲公众号网页调试了。

该ide的基本功能如下：

小程序调试（开发可以完成小程序的API和页面的开发调试）

代码查看和编辑

小程序预览、发布等

至于*新版本添加的

使用腾讯云，快速搭建小程序后台运行环境； 
申请测试报告，了解小程序在真实的移动设备上运行性能和运行效果。

我们还没有使用它

菜单栏

微信开发工具选项

切换账户：快速切换登录用户

关于：关于开发工具

检查更新：检查版本更新

开发论坛：前往开发论坛

开发文档：转到开发文档

改变开发模式：公众号网页调试和小程序调试快速切换

退出：退出开发工具

调试：

调试开发工具、调试编辑器

功能是通过浏览器调试工具对IDE进行外部调试。

项目

新建项目：快速创建新项目

*近打开：可以查看*近打开的项目列表，并选择是否进入对应的项目

查看所有项目：在新窗口中打开启动页的项目列表页面

关闭当前项目：关闭当前项目并返回启动页的项目列表页

文档没有太多介绍

编辑

可以查看编辑相关的操作和快捷键

工具

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

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

编译配置：可以选择正常编译或自定义编译条件

前台后台切换：模拟客户小程序进入后台、返回前台的操作。 可以选择不同的场景进行模拟。

清除缓存

必须要注意的是：

*新版本的 IDE 中添加了以下选项

稍后会一一解释

界面

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

设置

外观设置：控制编辑器的颜色主题、字体、字号、行距（感觉像VS code仿的）

编辑设置：控制文件保存行为、编辑器性能

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

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

工具栏上的东西其实都在菜单栏中，只是为了方便单独拿出来，做成按钮方便使用。 这里不对其进行介绍。

下面介绍一些打开已创建项目的常用函数：

必须存在于非空目录中

app.json 或 ..json

项目

该工具支持同时打开多个项目

每个打开的项目都会在新窗口中打开

首先点击标题栏的项目选项，然后展开如下

当您需要*管理（删除）项目*时

点击查看所有项目，会弹出新窗口

在上述界面中，点击管理项目，可以进行项目的删除和添加。

当您需要打开多个项目时

选择“添加项目”以在新窗口中开始新项目的代码编辑

此时微信开发者工具的基本使用,以及各项功能，您可以选择创建一个新项目或按上面的按钮打开已经创建的项目。

模拟器

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

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

在模拟器底部的状态栏中微信开发工具小程序开发，可以直观地看到当前运行的小程序

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等