codecamp

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

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
支付宝小程序 沙箱环境切换扩展
支付宝小程序 Anymock 场景数据平台扩展
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }