支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?支付宝小程序开发工具使用教程 。近日,支付宝小程序终于进入了公测阶段,支付宝小程序开发工具随着支付宝小程序已经正式公测了,想必很多开发者用户开不知道支付宝小程序开发工具怎么用,那么具体支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么呢?下面为大家带来支付宝小程序开发工具使用教程!

支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
支付宝小程序开发工具使用教程
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
下载/登录 IDE
首先,请下载小程序开发 IDE工具 。它是一个辅助开发支付宝小程序的本地应用工具,包含本地调试、代码编辑、真机预览、发布等功能,覆盖了应用开发的完整流程 。
下载完成之后,打开它,打开手机上的支付宝应用,扫码确定即可登录 。

注意:如果登录没有反应,可尝试完全退出手机上的支付宝应用再重新打开 。
项目创建
登录成功后你会看到以下界面 。
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
点击创建项目,选择文件夹即可完成新项目的创建 。
代码编辑
打开项目,会默认进入代码编辑模式 。从左到右,依次是文件操作区、代码编辑区和预览区 。
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作 。
实时预览
在代码编辑区修改任何代码都会重新编译,然后自动刷新应用 。
自动补全
【支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?】工具针对 my 接口和 axml 提供了大量的自动补全提示,以帮助开发者提高效率 。
本地调试
预览区
这里可真实模拟在支付宝应用里的表现,并针对绝大部分的 api 提供了模拟功能 。
调试模式
点击上方的调试Tab,可切换到调试模式 。
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
小程序调试工具提供了 axml 和 acss 的支持,支持组件层级、属性回写等功能;同时也包含了 Chrome 调试工具中的网络请求、DOM元素检查、源码 Debug 等 。
预览日志
点击预览日志按钮,可查看代码编译的详细底层日志,能协助排查和定位问题 。
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
出错反馈
当开发者在 axml 或者配置文件里编译出错时,保存后会对错误的信息以 redbox 的形式呈现给开发者 。
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
真机预览
在"编码"界面点击真机 Tab,选择真机预览, 需要确定如下信息:
填写在开放平台申请的APPID
选择推送小程序的范围:
推送给自己, 仅将预览的小程序内容推送给当前登录的用户
推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
发布
开发者选中"发布"功能后, 需要确定如下发布信息:
填写在开放平台后台创建小程序时生成的APPID
根据开放平台当前版本, 填写待发布的版本号
支付宝小程序开发工具怎么使用?支付宝小程序开发工具是什么?

文章插图
相关阅读:
支付宝小程序在哪申请公测地址 支付宝小程序开发者公测地址

推荐阅读