支付宝小程序 开发工具概览

简介

小程序开发者工具（简称 IDE，点此下载）是支付宝开放平台打造的一站式小程序研发工具，提供了编码、调试、测试、上传、项目管理等功能。

IDE 不仅支持开发支付宝小程序，相同代码还通用于蚂蚁开放生态，可直接发布至淘宝、钉钉、高德等应用平台。

功能介绍

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

开发准备

可自行选择 下载安装 IDE 工具 本地开发或者 web 在线开发。

• IDE 本地开发：本地 新建项目 并且使用实验室、扩展市场以及项目管理等工具高效开发。
• web 在线开发：网页在线对小程序代码进行调整、修改。

编码效率

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

• 模拟器：本地模拟运行小程序，便于快速预览、初步调试。
• 可视化辅助编程（Beta）：列表方式添加组件，便捷设置组件属性、样式、事件。
• 代码补全：AXML 自动补全、API 自动补全/语法提示。

调试模式

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

• 模拟器调试：通过 IDE 模拟器初步调试基础功能与样式。
• 预览调试：通过真机调试面板查看小程序运行信息。
• 真机调试：通过 IDE 远程至真机，设置断点、查看运行信息。
• 性能调试：通过 IDE 远程至真机，进行性能分析。

测试途径

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

• 预检测：在一键上传的同时，免费调用一台真机进行测试。
• 真机云测：免费的规模化真机自动检测方案。
• 体验版测试：生成体验版小程序，用于 beta 版本测试。

一键上传

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

项目管理

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