支付宝小程序开发——小程序开发者工具的使用

这里主要介绍支付宝小程序开发系列教程之小程序开发者工具的下载安装与使用。
互联网行业从来都是模仿与被模仿，由于微信小程序推出在先，所以支付宝小程序开发者工具在很大程度上借鉴了微信开发者工具不少的地方。无论是界面还是代码结构方面，都是比较类似的，所以开发过微信小程序的，转向支付宝小程序的开发，能很快的上手的。

操作方法

（01）开发管理页面，点击去下载，下载小程序开发者工具

（02）选择操作系统与版本

（03）下载安装完成后，打开小程序开发者工具，进入主界面点击“创建小程序”按钮

（04）如图，开发者工具给我们提供了不少的小程序模板，我们可以先选择“todo App示例”(类似微信开发者工具中小程序demo),然后点击下一步

（05）熟悉小程序demo，所以其他先默认就可以了，直接点“完成”按钮

（06）创建完成，进入小程序开发界面——可以看到，工具界面甚至代码结构都很类似。当然对于开发者来说，这挺好的，省去了好多学习成本了。

（07）页面结构方面：除了命名略有不同之外，差别最大的也就是生命周期和部分组件了。

（08）关于调试器：支付宝小程序开发者工具的调试器默认关闭，入口在底部做左侧，需点击按钮打开，如图

（09）了解了这些，就可以很愉快的进入支付宝小程序开发了。如果学习能力比较强，去大致的了解下支付宝小程序开发文档就可以了，可以直接进入开发。如果没有做过微信小程序或学习能力较差的同学，建议还是认认真真的把小程序开发文档看一遍。

（10）关于预览：支付宝小程序开发者工具的预览跟微信开发者工具还有些不同，可以按下面步骤操作。

支付宝小程序预览

（01）点击开发工具模拟器顶部的“预览”之后，弹出弹窗选择项目（默认即可）

（02）初次添加，模拟器中就会弹出支付宝授权登录，授权登录之后就获取到了自己支付宝的账号和头像，如图

（03）再次点击预览，点击“确认推送”，就能展示预览二维码了

（04）使用手机支付宝扫描二维码，就能在手机支付宝上预览小程了

特别提示

如果学习能力比较强，去大致的了解下支付宝小程序开发文档就可以了，可以直接进入开发。如果没有做过微信小程序或学习能力较差的同学，建议还是认认真真的把小程序开发文档看一遍。

支付宝小程序开发者工具模拟器需要访问本地服务，如果出现编译缓慢，出现连接服务器失败的错误，很有可能是本机网络环境问题，可以去检查下网络连接和防火墙