當前位置:首頁 » 存儲配置 » 什麼叫H5端配置

什麼叫H5端配置

發布時間: 2025-08-05 10:43:29

⑴ 前端必懂的多端開發環境搭建

前端必懂的多端開發環境搭建

運用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
熱點內容
java返回this 發布:2025-10-20 08:28:16 瀏覽:585
製作腳本網站 發布:2025-10-20 08:17:34 瀏覽:881
python中的init方法 發布:2025-10-20 08:17:33 瀏覽:574
圖案密碼什麼意思 發布:2025-10-20 08:16:56 瀏覽:761
怎麼清理微信視頻緩存 發布:2025-10-20 08:12:37 瀏覽:677
c語言編譯器怎麼看執行過程 發布:2025-10-20 08:00:32 瀏覽:1005
郵箱如何填寫發信伺服器 發布:2025-10-20 07:45:27 瀏覽:251
shell腳本入門案例 發布:2025-10-20 07:44:45 瀏覽:108
怎麼上傳照片瀏覽上傳 發布:2025-10-20 07:44:03 瀏覽:799
python股票數據獲取 發布:2025-10-20 07:39:44 瀏覽:705