支付宝小程序开发者工具

支付宝小程序开发者工具是支付宝开放平台打造的一站式小程序研发工具，原名蚂蚁开发者工具，该软件采用支付宝扫码即可登录，支持一键创建小程序页面（包含 axml/acss/js/json 四个文件），小程序 语法／API 自动补全提示等功能，旨在为你提供“一站式小程序研发”服务。

目前支付宝小程序开发者工具提供了编码、调试、测试、上传、项目管理等功能，不仅支持开发支付宝小程序，相同代码还通用于蚂蚁开放生态，可直接发布至钉钉、高德等应用平台，是支付宝小程序必备的工具，有需求的朋友请下载体验。

软件功能

本文档按照小程序开发流程的不同阶段来梳理 IDE 功能用法。

准备-编码-调试-测试-上传-项目管理

一、开发准备

下载安装 IDE 工具 本地开发。本地 新建项目 并且使用实验室、扩展市场以及项目管理等工具高效开发。

二、编码效率

在实际开发过程中，下列工具能够大幅提升开发效率：

• 模拟器：本地模拟运行小程序，便于快速预览、初步调试。

• 代码补全：AXML 自动补全、API 自动补全/语法提示。

• IDE 扩展：在侧边栏 扩展市场 可以安装各种插件，提高开发效率。

三、调试模式

如果需要排查 bug 或性能瓶颈，可选择下列调试模式：

• 模拟器调试：通过 IDE 模拟器初步调试基础功能与样式。

• 预览调试：通过真机调试面板查看小程序运行信息。

• 真机调试：通过 IDE 远程至真机，设置断点、查看运行信息。

四、测试途径

开发者在本地测试、beta 测试之外，还可选用开放平台的两款云测试服务：预检测与真机云测。

• 预检测：在一键上传的同时，免费调用一台真机进行测试。

• 真机云测：免费的规模化真机自动检测方案。

• 体验版测试：生成体验版小程序，用于 beta 版本测试。

五、一键上传

在工具栏 上传 菜单中，点击 上传 即可将小程序上传至开放平台。

六、项目管理

在上述流程相关功能之外，IDE 还集成了其他常用的管理工具，例如 git 源码管理、npm 包管理 等功能。

支付宝小程序开发者工具主界面组成

小程序开发者工具的主界面由 菜单栏、工具栏、功能面板、编辑器、调试器、模拟器 组成。

• 菜单栏：文件、编辑、窗口、工具、帮助等基础功能。

• 工具栏：更改小程序类型与关联、显示/隐藏界面区域、真机调试与预览等功能。

• 功能面板：切换文件树、搜索、git 管理、NPM 包管理、插件市场、实验室、体验反馈等边栏。

• 编辑器：输入与修改代码的区域，每款 IDE/编辑器 都必备的最基本功能。

• 调试器：用于 模拟器调试、真机调试。

• 模拟器：模拟运行小程序，便于快速预览、初步调试。

 说明： 使用工具栏中部三个按钮，可以显示或隐藏界面主要区域，其中 编辑器 与 调试器 无法同时隐藏。

更新日志

v3.9.91版本

● 插件开发时允许选择宿主应用（要求当前开发者对选择的宿主应用有开发权限，且宿主应用和当前开发的插件有联调关系）。

● 新增智能对话能力，提供代码解释、错误排查等功能。

修复

● 修复 模拟器会由于选择了不再支持的基础库版本时无法正常展示的问题。

● 修复 调试元素面板无法展示 root-portal 元素内容的问题。

● 修复 调试器元素面板在 native 渲染页面可能无法搜索到一些元素的问题。