【Uni-App社區小程序】003-多端調試環境配置

一、安卓真機調試配置

1、步驟

第一步:打開手機的開發者模式

不同的手機存在一些差異,這裏不再細述,如果真的有問題,請善用百度解決;

第二步:使用USB數據線將手機與電腦連接

此時電腦會有手機連接的提示信息;

第三步:打開項目中的index.vue文件

第四步:點擊菜單欄的“運行”,如下圖

第五步:項目進入編譯狀態

第六步:根據手機提示操作即可,結果如圖(榮耀20)

 

二、IOS真機調試配置

(由於本人使用的是基於Android系統的榮耀20手機,沒有也從未使用過基於IOS系統的蘋果手機,這裏暫不做演示,請見諒!但真機調試的方法一般都不是太複雜,有需要的朋友可通過百度搜索,按照常規真機調試步驟進行相關操作。)

 

三、微信小程序調試配置

1、微信小程序開發環境搭建

第一步:下載微信web開發者工具

網址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下載流程圖:

 

2、安裝微信web開發者工具

常規軟件安裝流程,步驟如下:

第一步:點擊“下一步”

第二步:點擊“我接受”

第三步:選擇安裝路徑,推薦D盤

 

3、微信web開發者工具的設置

如果是第一次使用微信web開發者工具,那麼需要隨便創建一個小程序,進入到小程序頁面進行設置,創建小程序填寫APPID時點擊下方的測試號即可;如果之前已經使用過微信web開發者工具創建過項目,那麼直接打開之前的項目,進入第二步即可。

第一步:新建微信小程序項目

第二步:打開小程序項目,進入小程序開發頁面,依次點擊頂級菜單欄中的“設置——安全設置”

第三步:打開“服務端口”即可

 

4、微信小程序調試

第一步:啓動調試

第二步:此時項目進入編譯階段

第三步:成功在微信web開發者工具運行

 

四、支付寶、頭條、百度、QQ小程序調試配置

(本教程僅對Android真機調試和微信小程序調試,其他平臺請參考uni-app官方文檔)

官方文檔地址:https://uniapp.dcloud.net.cn/

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章