什麼叫H5端配置
⑴ 前端必懂的多端開發環境搭建
前端必懂的多端開發環境搭建運用uniapp+HBuilderX完成一碼多平台運行,其中最關鍵的是先將運行環境搭建好;我總結了我平時環境搭建的方法分享給大家;本人使用的是window系統,所以這次主要是介紹window系統的多端環境搭建,分別有H5端、微信小程序端、安卓端、ios端;
H5端本人此次用的項目文件是HBuilderX默認創建的測試模板;
一、打開HBuilderX點擊文件直接運行到瀏覽器
二、如果直接運行不了,則到設置中手動綁定瀏覽器文件地址
三、谷歌瀏覽器中查看運行結果,我個人多端開發一般都是用谷歌瀏覽器進行調試的,沒辦法對比其他的太好用了,谷歌瀏覽器YYDS
微信小程序端小程序端大多都是大同小異,需要注意的點是如果在配置文件內配置了APPID,會有可能運行不了,需要將配置文件內的APPID刪掉,運行後,手動在微信小程序開發平台內改成你自己的APPID;
一、HBuilderX運行到小程序中、如果遇到運行不了的情況,向H5端一樣手動指定小程序文件地址
二、手動修改小程序的APPID
三、小程序端成功運行
安卓端安卓端我則是用的逍遙模擬器進行環境模擬的,當然你也可以用手機鏈接數據線,直接進行手機端操作;
一、下載逍遙模擬器
二、復制HBuilderX文件中adb.exe的地址
三、window搜索查看高級系統設置
四、點擊環境變數
五、找到系統變數中的Path、點擊編輯
六、點擊新建,將之前復制的adbs的文件地址復制進去,確認創造新的環境變數
七、cmd切換後台,輸入adbversion查看adb版本,檢查是否可用
八、HBuilderX中設置Android模擬器埠
九、找到逍遙模擬器MEmu文件,cmd切換到該文件後台,綁定Android模擬器埠
十、檢查是否關聯成功
十一、點擊運行到AndroidApp基座
十二、尋找安卓模擬環境、點擊運行
十三、成功運行
IOS端一、下載iTools
二、usb線連接蘋果手機、確認信任此電腦設備
三、點擊設置->通用->設備管理進行HBuilderX信任授權
四、回到HBuilderX在IOSAPP基座上運行
五、成功運行後,會在蘋果手機裡面安裝一個HBuilderX軟體,點開就是你的項目
結語如果大家有其他更好的多端環境搭配方案,歡迎評論處分享,謝謝!如果對你有幫助的話,麻煩給作者一個大大的贊~?
原文:https://juejin.cn/post/7100096637158031390