一、安卓真機調試配置
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/