先决条件

第1步：创建和配置applet项目

完成以下操作以创建一个小程序项目：

打开“小程序开发人员工具”，然后选择“跨平台小程序”> uni-app。

单击+创建一个小程序项目。单击左侧工具栏上的npm模块，然后选择安装所有项目依赖项。

说明根据网络环境，安装时间可能会更长，请耐心等待。

成功安装依赖项后，编译错误消失，如下图所示。

成功创建uni-app项目后，您可以开发uni-app跨终端项目。主要项目目录如下：

第2步：开发一个小程序

您可以直接在小程序开发工具中开发代码。在本教程中，以小程序开发人员工具随附的小程序为例。

在小程序开发人员工具中，打开src / pages / index / index.vue文件，并将标题更改为Hello World。

IDE将触发自动编译小程序开发，编译后的仿真器效果如下图所示。

第3步：预览和调试

完成以下操作以调试小程序：

在“小程序开发人员工具”顶部的菜单栏上，单击“预览”，默认情况下选择“自动预览”。

编译后，请保持Alipay在前台运行，小程序将自动显示。您也可以单击“扫描代码预览”，然后使用“支付宝”客户端扫描QR码预览小程序。步骤4：上传小程序

调试小程序后，可以直接单击“上载”将开发的小程序上载到开放平台