1. 程式人生 > 其它 >手把手教你使用HBuilderX除錯專案-windows系統

手把手教你使用HBuilderX除錯專案-windows系統

準備工作

快速上手

step1: 安裝 HBuilderX
官方 IDE 下載地址

step2: 雙擊執行HBuilderX.exe

step3: 專案安裝依賴
此步驟根據專案情況來進行安裝
使用命令列進入專案目錄下,使用如下命令安裝專案依賴

yarn install

執行除錯

step1: 將安裝好依賴的專案拖進編輯器

瀏覽器除錯

step1: 執行



step2: 點選紅色按鈕,停止執行

step3: 重新執行

step4: 輸入網址,開始除錯專案

真機除錯

step1: 首次執行,需要下載執行外掛


step2:

windows系統使用安卓手機進行除錯,此步驟需要開啟手機除錯模式,此處以小米手機為例

小米手機中開啟開發者模式的操作步驟

1、首先點選設定

2、點選我的裝置

3、然後點選全部引數

4、找到列表中的MIUI版本連續點選七次

5、看到提示-處於開發者模式

step3: 開啟手機USB除錯
1、首先點選設定

2、更多設定

3、點選開發者選項

4、可參考下圖進行配置:

  • 開啟開發者選項
  • USB除錯
  • USB安裝
  • USB除錯(安全設定)允許模擬點選




step4: 將手機使用資料線連線電腦,允許USB除錯

step5: 選擇 傳輸檔案 選項

step6: 執行到安卓



step7: 允許安裝

step8: 成功執行至真機