支付宝小程序 uni-app 跨平台开发扩展

2020-09-16 16:08 更新

uni-app 跨平台开发扩展支持在阿里云小程序开发者工具中将 uni-app 工程编译为微信小程序,并同时打开微信开发者工具。

确保您安装的是最新版本小程序开发者工具。

步骤一 安装 uni-app 跨平台开发扩展

完成以下操作,安装 uni-app 开发扩展:

  1. 打开小程序开发者工具,选择 小程序云 > uni-app

  1. 在左侧工具栏,单击插件市场图标,单击 uni-app 扩展的 安装 按钮。

img

  1. 安装完成后,单击启用

img

步骤二 配置插件

启用插件后,完成以下步骤配置 uni-app 扩展:

  1. 在 IDE 上部菜单栏,单击 扩展 > uni-app 跨平台开发扩展 > 微信 IDE 调试说明: 确保您打开的是小程序 uni-app 项目工程,否则无法打开 uni-app 扩展配置页面。 img

  1. 微信开发者工具路径 文本框中输入微信开发者工具的安装路径,然后单击 保存。 微信开发者工具的默认安装路径如下,请根据实际情况输入。
    • MacOS:/Applications/wechatwebdevtools.app
    • Windows:C:/Program Files (x86)/Tencent/微信 web 开发者工具

说明:

  • 只有首次使用时需要配置 IDE 安装路径。
  • 微信开发者工具必须打开服务端口,否则无法唤醒 IDE。详细信息,请参见:微信开发文档 > 工具 > 安全设置img

  • 如果路径配置正确,在单击 保存 后,系统会提示 更新成功

img

步骤三 执行编译

完成以下操作,执行 uni-app 工程编译:

  1. 在 uni-app 扩展页面,单击 开始编译

img

  1. 编译成功后,会自动打开微信小程序开发者工具并加载编译后的微信小程序文件。 您可以在 ./dist/dev/mp-weixin 文件目录下查看微信小程序的相关文件。 img
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号