HBuilder是干嘛的?《HBuilder手機版下載》憑借其專業(yè)的設計,讓用戶體驗到前所未有的便捷與高效。軟件內置了多種實用功能,如完整的語法提示、代碼輸入法、代碼塊等,大大提升了HTML、JavaScript、CSS等語言的開發(fā)效率。特別是代碼輸入法,通過一個數(shù)字鍵即可減少十個按鍵的輸入,而代碼塊則能幫助用戶一次減少五十個按鍵的敲擊次數(shù),極大地提高了編程速度。
HBuilder使用教學:
1、Hbuilder創(chuàng)建項目
首先,在官方網站下載Hbuilder正式版并安裝打開,依次選擇“文件——新建項目——選擇5+APP”,給項目命名,點擊創(chuàng)建,得到項目結構如下:
2vue項目準備
1、代碼配置
從浮木云導出移動端H5代碼,將代碼格式化,修改vue.config.js文件中publicPath字段,將其改成 ./ 。然后執(zhí)行命令npm i 安裝依賴。
2、打包
執(zhí)行npm run build打包項目,復制dist下所有文件。
3、得到文件
將復制的文件粘貼到前文用Hbuilder創(chuàng)建的項目中,覆蓋所有文件。
3打包配置
1. 基礎配置
點擊Hbuilder創(chuàng)建的項目中manifest.json。
2. 圖標配置
配置Android、iPhone、Pad在不同分辨率下的圖標。
3. 啟動界面配置
不需要啟動頁面,使用默認配置就行。如需要配置,Android選擇自定義啟動圖,上傳三種不同分辨率圖即可。ios則得選擇自定義storyboard啟動界面。
4. 權限配置
根據具體業(yè)務需求去配置各種權限,常用配置如圖所示:
4
云打包
以上工作準備完成就可以開始正式打包了,點擊發(fā)行->云打包。
隨后進行證書配置:
點擊打包后等待Hbuilder自動打包,完成后會獲得安裝包,復制到手機上安裝即可。
05
真機調試
將手機和電腦連接,點擊運行->運行到手機或模擬器->運行到Android APP基座(蘋果選擇iOS基座)。
點擊運行,運行成功后手機上會自動啟動APP。
調試,在谷歌瀏覽器輸入chrome://inspect/#devices,點擊inspect。
進入調試頁面,接下來就跟調試普通H5項目一樣。
修改代碼后需要重新打包,然后把打包后的文件復制到Hbuilder項目中,點擊重新運行即可。
以上調試方法適用于調試手機端特有功能,如拍照、定位等,不是特有功能,只需運行vue項目在瀏覽器上調試就行。
1)確認手機已通過數(shù)據線連接電腦2)如果是Windows系統(tǒng),確認已安裝Android手機驅動。裝驅動比較好的方式是使用各種手機助手,比如360、金山、騰訊的各種手機助手,如果有問題,嘗試升級助手的版本。
3)確認手機設置中USB調試模式已開啟
4)如手機屏幕彈出需信任本計算機的詢問,請同意該授權。并且最好是把始終同意該設備調試的checkbox勾上5)Windows系統(tǒng)中,如果在啟動HBuilder后才安裝驅動連接上手機,可能需要重啟HBuilder
6)Windows系統(tǒng)中,如果手機助手正常連接,HBuilder無法檢測到手機,可能是這個手機助手獨占了Google的ADB服務通道,請關閉所有手機助手及進程里各種*adb.exe。(ADB是Google提供的Android手機與PC端通信的服務)7)如果是Android5.0系統(tǒng),不要使用訪客模式。這種模式下無法成功運行。
8)Windows系統(tǒng)中,使用管理員權限運行HBuilder
9)Windows系統(tǒng)下,如果以上方案均無法解決,可能是其他軟件帶的adb與HBuilder沖突,點擊檢查沖突 10)如果其他軟件能檢測到手機,但是HBuilder無法檢測到,將HBuilder安裝日錄下的tools日錄下的文件備份,然后將tools1.0.31目錄下的文件拷貝到tools日錄
下,重啟HBuilder11)Mac系統(tǒng)下,HBuilder無法檢測到Android手機:①關于本機(指Mac系統(tǒng)的關于本機,非手機)->系統(tǒng)報告->usb->你所連接的device->廠商ID或者供應商ID(Vendor ID)②在終端執(zhí)行如下命令:echo xxx >>~/.androidladb usb.ini(“xxxxxx"為廠商ID或者供應商ID(Vendor D),有些系統(tǒng)下echo命令并不能正確寫入文件,可在~/.android/目錄下修改或新建adb usb.ini添加xxxxxx)③重啟HBuilder
4如重啟HBuilder仍然不行,請使用命令行(終端.app),cd到HBuilder.app/tools目錄下運行.ladb kill-server重試
使用shift轉碼輸入空格:'Shift+Space'(如果與輸入法快捷鍵沖突,也可輸入&n2)
對于初次接觸HBuilder手機版的用戶來說,軟件提供了詳細的使用教程,從創(chuàng)建項目、編輯代碼到導出成品,每一步都有清晰的指引。用戶可以按照教程逐步學習,直至熟練掌握各項功能。除了支持HTML、JavaScript、CSS等前端開發(fā)語言外,HBuilder手機版還兼容PHP、JSP、Ruby、Python、Node.js等后端開發(fā)語言,以及LESS、CoffeeScript等編譯型語言。
手機軟件,是指能在手機上方便用戶的一系列軟件,具備各種各樣的功能,滿足用戶的各種需求,包括各種保護手
進入專區(qū)>
熱門評論
最新評論