支付寶小程序 uni-app 跨平臺(tái)開發(fā)擴(kuò)展

uni-app 跨平臺(tái)開發(fā)擴(kuò)展支持在阿里云小程序開發(fā)者工具中將 uni-app 工程編譯為微信小程序，并同時(shí)打開微信開發(fā)者工具。

確保您安裝的是最新版本小程序開發(fā)者工具。

步驟一 安裝 uni-app 跨平臺(tái)開發(fā)擴(kuò)展

完成以下操作，安裝 uni-app 開發(fā)擴(kuò)展：

1. 打開小程序開發(fā)者工具，選擇 小程序云 > uni-app。

1. 在左側(cè)工具欄，單擊插件市場(chǎng)圖標(biāo)，單擊 uni-app 擴(kuò)展的 安裝 按鈕。

1. 安裝完成后，單擊啟用。

步驟二 配置插件

啟用插件后，完成以下步驟配置 uni-app 擴(kuò)展：

1. 在 IDE 上部菜單欄，單擊 擴(kuò)展 > uni-app 跨平臺(tái)開發(fā)擴(kuò)展 > 微信 IDE 調(diào)試。 說明： 確保您打開的是小程序 uni-app 項(xiàng)目工程，否則無法打開 uni-app 擴(kuò)展配置頁面。

1. 在 微信開發(fā)者工具路徑 文本框中輸入微信開發(fā)者工具的安裝路徑，然后單擊 保存。 微信開發(fā)者工具的默認(rèn)安裝路徑如下，請(qǐng)根據(jù)實(shí)際情況輸入。
   • MacOS：/Applications/wechatwebdevtools.app
   • Windows：C:/Program Files (x86)/Tencent/微信 web 開發(fā)者工具

說明：

• 只有首次使用時(shí)需要配置 IDE 安裝路徑。
• 微信開發(fā)者工具必須打開服務(wù)端口，否則無法喚醒 IDE。詳細(xì)信息，請(qǐng)參見：微信開發(fā)文檔 > 工具 > 安全設(shè)置。

• 如果路徑配置正確，在單擊 保存 后，系統(tǒng)會(huì)提示 更新成功。

步驟三 執(zhí)行編譯

完成以下操作，執(zhí)行 uni-app 工程編譯：

1. 在 uni-app 擴(kuò)展頁面，單擊 開始編譯。

1. 編譯成功后，會(huì)自動(dòng)打開微信小程序開發(fā)者工具并加載編譯后的微信小程序文件。 您可以在 ./dist/dev/mp-weixin 文件目錄下查看微信小程序的相關(guān)文件。