工具栏

小程序开发者工具（简称 IDE）的工具栏位于主界面顶部，包含 IDE 中最常用的主要功能。本文档从左至右介绍各项功能。

工具栏左侧功能

小程序类型

选择小程序的运行环境类型（默认为支付宝小程序），此外还支持淘宝、钉钉、高德等运行环境（详情请参见 多端支持）。

选择关联小程序

每个开发者账号可以拥有多个小程序的开发权限，因此需要关联具体小程序，决定小程序代码的上传位置。

在此项下拉列表中，点击 + 创建小程序，进入小程序管理页面，可以 创建小程序 供后续关联。

说明：

• 在创建小程序命名时，注意遵循名称规范。
• 如需关联其他账号中的小程序，但开发者账号还没有开发权限请进行以下操作：
  1. 使用主账号登录 小程序控制台，点击所需小程序，跳转至开发管理页面。
  2. 在左侧导航栏选择 成员管理，点击 添加，按照提示添加开发成员。
  3. 使用开发者账号在支付宝客户端 朋友 > 服务提醒 中接受邀请。
  4. 使用开发者账号登录 IDE，关联小程序。

关联云服务

在最初新建项目环节，如果后端选用云应用，此项功能才会显示。

如果未启用云服务或者选用 Serverless，此项功能则会隐藏。

每个小程序可以创建多个云应用，而云应用又包含测试与正式环境。因此需要关联具体的云应用环境，决定云应用代码的上传位置。

在关联云应用环境之后，此项下拉列表右侧会出现 ⚙️ 按钮，用于上传代码与管理云应用。

在此项下拉列表中，点击 + 创建新服务，进入云服务管理页面，可以 创建云应用 供后续关联。

工具栏中部功能

点击 编辑器、调试器、模拟器，可以分别显示与隐藏这三个区域。

说明：**功能面板/编辑器 会同时显示/隐藏，而 编辑器/调试器** 无法同时隐藏。

工具栏右侧功能

编译模式

在普通编译模式下，小程序初始的启动页面是 app.json 文件 pages 列表的首个页面，且不带任何参数。

如需快速调试其他页面 或 设置参数请进行以下操作。

1. 在此项下拉列表中点击 + 添加编译模式。

1. 在弹窗中填写 模式名称、页面参数、全局参数，选择 启动页面，点击 确定。

1. 随后模拟器将会改用新的启动页面，同时自动传入设置好的参数。

说明：弹窗中如果勾选 下次编译时模拟更新，可以模拟小程序更新效果，参见 UpdateManager。

清除缓存

清除 数据缓存、授权数据、文件缓存、构建缓存、网络缓存。

真机调试

通过 IDE 远程至真机，设置断点、查看运行信息。详情参见 真机调试。

说明：如不希望频繁扫码，可以使用 自动预览 选项。

预览

使用真机预览小程序，初步查看 API 真机调用效果。

说明：如不希望频繁扫码，可以使用 自动预览 选项。

上传

上传项目代码至关联小程序的后台空间。上传之前的选项：

• 上传版本：每次上传时版本默认递增 0.0.1（本次版本必须大于线上版本），从而确保后台每份代码版本唯一。
• 创建预检测任务：免费调用一台真机进行测试（每天 5 次限额），详情参见 预检测

详情

• 查看关联应用名称、项目本地目录、线上版本。

• 选择是否启用自定义组件 component2 编译、axml 严格语法检查。

• 查看 my.request、web-view 域名白名单信息。设置是否忽略这两项域名检查。

注意：

• 小程序 体验版 与 提审之后版本 无法继续忽略检查，届时请务必设置域名白名单。
• 域名白名单设置入口有两处：
  • 在详情页面，点击 域名信息 右侧蓝色按钮，进入设置页面，点击 开发设置。
  • 登录 我的小程序，选择所需小程序；从左侧边栏进入 设置 > 开发设置。

登录/用户头像

• 在开发者未登录时，显示 登录 按钮。
• 在开发者登录后，显示开发者头像。可以查看消息通知，或者退出登录。