对于支付宝小程序的开发,现在已经有很成熟的工具和相关技术了,今天小编就为你准备了一个支付宝小程序的开发工具,它就是蚂蚁开发者工具电脑版,作为一个在支付宝小程序开发领域比较热门的工具,它的用户界面非常简单,功能非常实用,让你可以通过这个平台轻松搞定程序的开发工作,不仅如此,它更是提供了非常优秀的素材管理功能,让用户可以在这个功能的帮助下,轻松搞定海量素材的统一整理工作,并且加入了一些自定义的开发功能,用户可以使用套件工具来将一些常用开发插件导入到程序中,让你可以在开发过程中随时使用,所以各位用户如果你有相关需求就赶快使用这个程序精心重要小程序的开发工作,一定可以为你缩短周期,提升开发效率,赶快使用吧。
1、编码
蚂蚁开发者工具为你提供了小程序定制体验:
①文件树上支持一键创建小程序页面(包含 axml/acss/js/json 四个文件)
②小程序 语法/API 自动补全提示
2、模拟器
模拟器是小程序开发工具的核心,小程序并不是一个普通的 H5 APP,你无法在浏览器中预览。任何代码的修改都会实时反应在模拟器上,并且为了便于调试,我们提供了诸如地理位置模拟等功能:
3、调试工具
小程序开发者工具也提供了定制的 Devtool,用于查看模拟器运行的日志等。也提供了 AXML 插件用于调试小程序的元素:
4、真机预览
5、发布
当你完成开发后,可以切换至上传菜单,一键上传至开放平台,进行提审上架。
一、项目创建
1、登录成功后你会看到以下界面。
2、点击创建项目,选择文件夹即可完成新项目的创建。
二、代码编辑
1、打开项目,会默认进入代码编辑模式。从左到右,依次是文件操作区、代码编辑区和预览区。
2、代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作
三、实时预览
在代码编辑区修改任何代码都会重新编译,然后自动刷新应用。
四、自动补全
工具针对 my 接口和 axml 提供了大量的自动补全提示,以帮助开发者提高效率。
五、本地调试
预览区,这里可真实模拟在支付宝应用里的表现,并针对绝大部分的 api 提供了模拟功能。
六、调试模式
1、点击上方的调试Tab,可切换到调试模式。
2、小程序调试工具提供了 axml 和 acss 的支持,支持组件层级、属性回写等功能;同时也包含了 Chrome 调试工具中的网络请求、DOM 元素检查、源码 Debug 等。
七、预览日志
点击预览日志按钮,可查看代码编译的详细底层日志,能协助排查和定位问题。
八、出错反馈
当开发者在 axml 或者配置文件里编译出错时,保存后会对错误的信息以 redbox 的形式呈现给开发者。
九、真机预览
1、在"编码"界面点击真机 Tab,选择真机预览, 需要确定如下信息:
填写在开放平台申请的APPID。
2、选择推送小程序的范围:
推送给自己, 仅将预览的小程序内容推送给当前登录的用户。
推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者。
十、发布
开发者选中"发布"功能后, 需要确定如下发布信息:
填写在开放平台后台创建小程序时生成的APPID。
根据开放平台当前版本, 填写待发布的版本号。
蚂蚁开发者工具 v1.12.15更新日志
修复部分文案问题
v0.20.1更新日志
修复 编译失败时reload强制刷新
修复 在部分win系统中进入项目页白屏
相关游戏
Decsoft App Builder(H5可视化开发工具)149.38 MB1,555人在玩
易语言绿色版49.3MB2,610人在玩一款汉语编程语言软件
GameSalad Creator(游戏开发工具)75.9MB2,584人在玩一款游戏开发工具
VG浏览器(脚本编辑器)绿色版42.4MB2,403人在玩一款专业免费的可视化网页自动脚本操作软件
thonny中文版(python编辑器)14MB2,304人在玩一个为初学者设计的Python编程工具
蚂蚁开发者工具官方版140MB2,182人在玩一款专业高效的支付宝小程序开发软件
相关文章