轉載地址：https://www.jianshu.com/p/8044c7ffd2c7

1. 做好準備工作

• 安裝webstorm以及新建一個專案寫個demo
• 確保是同一區域網,同一個路由器下的WiFi或者其他內部網路
• 安裝google二維碼外掛 (草料二維碼)

2. 開始設定

• 用webstorm開啟demo,開啟偏好設定頁面
• 點選到Debugger這一欄,可以看到如圖所示:

第一步

• 設定埠號
• ️勾選相應設定

3. 配置路徑

• 點選到Deployment這一欄,如圖
• 點選➕號,新建一個,填寫自定義名字,設定對應的type
• 設定專案的父級路徑
• 設定域名 + 埠號

第二步

4. 匹配路徑設定

• 點選到mapper這一欄,如圖
• 設定專案父級路徑即可

第三步

5. 設定完成,即可體驗

• 以上全部設定完成後,點選apply,點選ok
• 在專案裡點選google瀏覽器開啟即可
• 能夠正常開啟,點選位址列旁邊草料二維碼外掛,手機掃碼就可以輕輕鬆鬆除錯了

PS ：注意：1、並不用草料二維碼就可以。其實電腦配置好了，直接執行，執行成功，把地址發到手機上開啟就行。

2、這裡說的區域網指的是  ：電腦開熱點，手機連線電腦，我這邊測試成功。

注意 不是  不是  ：：手機和電腦同時連線公司的路由器，雖然在同一個區域網，發現一直是404，失敗

3、其實後面3步可以省略。你只要勾選了第二部允許外部連結。然後執行專案。發現是一個帶localhost的網頁地址。比如我的是：http://localhost:8081/RBJF/xiaosunsun/questionnaire.html?_ijt=k0fjrpr2t2op869da3v19ifj5f

此時，你使用ipconfig命令檢視本機ip。然後。用本地ip 替換localhost。生成新的連結。比如樓主替換以後是：http://172.30.168.1:8081/RBJF/xiaosunsun/questionnaire.html?_ijt=k0fjrpr2t2op869da3v19ifj5f

手機連線到電腦的wifi.執行新的連結就成功了。樓主親測有效。