支付宝小程序开发者工具 v3.11.0官方版

支付宝小程序开发者工具由支付宝开放平台推出，原先叫蚂蚁开发者工具，是面向小程序研发的工作环境。用支付宝扫码就能登录，新建页面时会自动生成axml、acss、js、json四个文件。编码过程中提供小程序语法与API的自动补全提示，覆盖从编写代码到调试、测试、上传、项目管理的完整链路。除了开发支付宝小程序，同一套代码还能运行在钉钉、高德等蚂蚁开放生态的应用平台上。

开发辅助与提效手段

日常开发中，几个内置工具能明显减少重复操作：

1、 模拟器在本地跑起小程序，方便随时预览界面、做初步调试

2、 代码补全覆盖AXML标签自动补全以及API语法提示，敲代码时少翻文档

3、 IDE扩展可在侧边栏的扩展市场里装插件，按需增强开发效率

调试与测试的几种路径

遇到bug或性能问题时，可以按场景选择调试方式：

1、 模拟器调试：IDE自带模拟器先排查基础功能和样式表现

2、 预览调试：通过真机调试面板读取小程序的运行信息

3、 真机调试：IDE远程连到真机，设置断点并查看运行数据

4、 体验版测试：生成体验版小程序，用于beta阶段的验证

除了本地测试和beta测试，开放平台还提供两款云测试服务：

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

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

上传与工程管理

代码确认无误后，在工具栏的上传菜单里点击上传，就能把小程序提交到开放平台

除了开发流程本身，IDE还集成了常用的工程管理能力：

- git源码管理，方便跟踪代码变更

- npm包管理，处理项目依赖

主界面构成说明

• 工具主界面由菜单栏
• 工具栏
• 功能面板
• 编辑器
• 调试器
• 模拟器六部分组成：

1、 菜单栏：文件、编辑、窗口、工具、帮助等基础入口

2、 工具栏：切换小程序类型与关联、显示或隐藏界面区域、发起真机调试与预览

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

4、 编辑器：输入和修改代码的区域，属于IDE最基本的功能模块

5、 调试器：支撑模拟器调试与真机调试

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

工具栏中部有三个按钮可控制主要区域的显示与隐藏，编辑器与调试器不能同时隐藏