应用简介
蚂蚁开发者工具是支付宝开放平台打造的一站式小程序研发工具,提供了编码、调试、测试、上传、项目管理等功能。不仅支持开发支付宝小程序,相同代码还通用于蚂蚁开放生态,可直接发布至钉钉、高德等应用平台。支付宝小程序本身是手机应用嵌入支付宝客户端的一种轻量化方案,基于Web技术,学习成本极低,一套代码同时支持 iOS 和 Android,接近原生体验,并提供丰富的组件和 API(如获取用户信息、本地存储、支付功能等)。

【功能介绍】
【项目创建与编码】
工具支持一键创建示例工程,文件树上可一键生成小程序页面,自动包含 axml / acss / js / json 四个配套文件。编辑器内置 TypeScript、JavaScript、LESS/Sass、JSON Schema 校验、WXML/WXSS 语法高亮与结构化导航,同时配备 ESLint + Prettier 双引擎,默认启用支付宝小程序规范校验。
【智能提示与AI辅助】
支持语法和 API 的自动补全提示,涵盖 my.chooseImage、my.request、my.getSystemInfo、my.openLocation 等支付宝专有 API,以及 view、text、button、swiper、map、canvas 等数十个原生组件的自动提示。值得一提的是,蚂蚁集团自研的 CodeFuse AI编程工具已开源,可作为IDE插件集成,提供代码自动生成、注释、测试用例生成等智能能力,评测得分甚至超过 GPT-4。
【模拟器】
小程序并非普通 H5 App,无法在浏览器中预览,任何代码修改都会实时反映在模拟器上。模拟器支持 iOS 14–17、Android 9–14 等主流系统版本,还内置支付宝各灰度通道(beta、canary、stable)的运行时环境,并提供地理位置模拟、传感器模拟(加速度计、罗盘)等专业调试能力。
【工程化与构建】
支持分包加载自动识别与可视化配置、自定义 webpack 插件扩展(通过 .mini.config.js)、静态资源压缩(图片 WebP 自动转换、JS/CSS Tree-shaking)、代码分割、SourceMap 映射生成、构建产物 SHA256 签名校验,以及小程序包体积分析报告(按文件/组件/依赖维度下钻)。

【蚂蚁开发者工具使用说明】
新建项目 新建项目前需要确认项目要发布的端;

新建项目类型分为两类:示例模板 与 空白脚手架;

【示例模板项目】
开放平台提供入门、UI、云与开放能力、行业四类模板,内含大量示例代码(仍在持续更新中),为开发者演示如何实现小程序各项能力。新建步骤见下:
1. 点击需要创建的模板,然后点击 下一步 ;或者直接双击所需模板卡片。
2. 在 新建项目 页面设置 项目名称 与 项目路径,点击 完成,进入主界面。
【空白脚手架项目】
空白脚手架仅包含最基础的 文件结构。新建步骤如下:
1. 选择 空白模板,点击 下一步;
2. 在 新建项目 页面设置 项目名称 与 项目路径。选配 后端服务:不启用云服务、小程序 Serverless 或 小程序云应用。点击 完成,进入主界面。
【打开项目】
本地现有项目也有两种打开方式:选择最近项目 与 选择项目文件夹。
【选择最近项目】
在启动界面已呈现的列表中,点击需要打开的项目,然后点击 打开;或者直接双击所需项目卡片。
【选择项目文件夹】
1. 点击右上角的 打开项目,弹出文件窗口。
2. 导航至项目文件夹,点击 选择文件夹。
3. 在 打开本地项目 页面确认或修改 项目名称 与 项目类型。点击 打开,进入主界面。
【删除最近项目记录】
如需保持启动界面整洁,鼠标右键选择希望清理的项目卡片,然后点击 删除。
注意: 此项操作仅会清理启动界面记录,不会实际删除硬盘中的项目文件。
【蚂蚁开发者工具模拟器使用说明】
模拟器布局
模拟器默认位于主界面右侧:

开发者也可点击左下角设置图标将模拟器设置为展示在主界面左侧。
说明: 该操作仅支持 IDE 3.0.0 及以上版本。

模拟器顶部各项功能(从左至右)设备尺寸:选择预设的 iOS 或 Android 设备尺寸,或者新建自定义的设备尺寸,用于测试适配性。也可在此处开启/关闭模拟器皮肤。缩放比例:控制小程序的显示缩放比例。刷新:重新编译代码并刷新模拟器。小工具:打开/关闭模拟器的小工具菜单。模拟器日志:在编辑器打开模拟器日志窗口。独立窗口:改用独立窗口方式显示模拟器。
说明: 在独立窗口模式下,界面新增 窗口置顶 按钮;独立窗口 变为 合并窗口 按钮。
【设备皮肤】
在模拟器中,IDE 提供了常见设备皮肤供开发者直观调试小程序在不同机型上的视觉效果,可以通过模拟器顶部菜单栏上的设备列表进行切换。

可将设备的缩放倍数设置为 自适应,以获得最大的显示面积。

【品牌/机型支持】
目前支持苹果、谷歌、华为、三星、魅族、一加、小米、红米、索尼 9 种品牌共计 50 种机型。
● 苹果:iPhone 5、iPhone SE、iPhone 6、iPhone 6 Plus、iPhone 7、iPhone 7 Plus、iPhone 8、iPhone 8 Plus、iPhone X、iPhone XS、iPhone XS Max、iPhone XR、iPhone 11、iPhone 11 Pro、iPhone 11 Pro Max、iPhone 12、iPhone 12 Mini、iPhone 12 Pro、iPhone 12 Pro Max、iPhone 13、iPhone 13 Mini、iPhone 13 Pro、iPhone 13 Pro Max
● 谷歌:Nexus 5、Nexus 5x、Nexus 6、Pixel 2、Pixel 2 XL、Pixel 3、Pixel 3 XL、Pixel 4、Pixel 4 XL、Pixel 5、Pixel 6、Pixel 6 Pro
● 华为:Huawei Mate 20 Pro、Huawei Mate 30 Pro、Huawei P30 Pro、Huawei P40 Pro+
● 三星:Galaxy Note10 +、Galaxy S10 5G、Galaxy S20 Ultra
● 魅族:Meizu 16S Pro、Meizu 17
● 一加:OnePlus 8 Pro、OnePlus 7T Pro
● 红米:Redmi K30 Pro
● 小米:Xiaomi 10 Pro
● 索尼:Xperia 1 II、Xperia 5

屏幕类型支持
目前支持全面屏、直板屏、曲面屏、刘海屏、挖孔屏 5 种屏幕类型的模拟。

【设备皮肤的关闭】
皮肤设置默认开启,如不需要则可选择手动关闭皮肤。

模拟器底部三项功能
● 页面路径:显示当前页面路径。点击路径,可直接打开当前页面 js 文件。
● 页面参数:显示当前页面收到的参数。点击参数,可快速复制至剪贴板。
● 自动刷新:如需避免频繁刷新,可取消勾选此功能。
说明: 点击 ^ 可以切换显示 页面路径 或 页面参数。
【注意事项】
注意事项
网络要求
IDE需联网使用,部分功能(如真机调试)依赖稳定网络。
兼容性问题
确保Node.js版本与IDE兼容,避免因环境问题导致编译失败。
代码规范
遵循支付宝小程序开发规范,避免使用违规API或敏感操作。
数据安全
调试时注意保护用户隐私,避免在日志中输出敏感信息。