支付宝小程序 uni-app 跨平台开发扩展
uni-app 跨平台开发扩展支持在阿里云小程序开发者工具中将 uni-app 工程编译为微信小程序,并同时打开微信开发者工具。
确保您安装的是最新版本小程序开发者工具。
步骤一 安装 uni-app 跨平台开发扩展
完成以下操作,安装 uni-app 开发扩展:
- 打开小程序开发者工具,选择 小程序云 > uni-app。
- 在左侧工具栏,单击插件市场图标,单击 uni-app 扩展的 安装 按钮。
- 安装完成后,单击启用。
步骤二 配置插件
启用插件后,完成以下步骤配置 uni-app 扩展:
- 在 IDE 上部菜单栏,单击 扩展 > uni-app 跨平台开发扩展 > 微信 IDE 调试。 说明: 确保您打开的是小程序 uni-app 项目工程,否则无法打开 uni-app 扩展配置页面。
- 在 微信开发者工具路径 文本框中输入微信开发者工具的安装路径,然后单击 保存。 微信开发者工具的默认安装路径如下,请根据实际情况输入。
- MacOS:/Applications/wechatwebdevtools.app
- Windows:C:/Program Files (x86)/Tencent/微信 web 开发者工具
说明:
- 只有首次使用时需要配置 IDE 安装路径。
- 微信开发者工具必须打开服务端口,否则无法唤醒 IDE。详细信息,请参见:微信开发文档 > 工具 > 安全设置。
- 如果路径配置正确,在单击 保存 后,系统会提示 更新成功。
步骤三 执行编译
完成以下操作,执行 uni-app 工程编译:
- 在 uni-app 扩展页面,单击 开始编译。
- 编译成功后,会自动打开微信小程序开发者工具并加载编译后的微信小程序文件。 您可以在
./dist/dev/mp-weixin
文件目录下查看微信小程序的相关文件。