調試
編輯調試配置，新建JavaScript調試配置，並設置要訪問的url，以及Remote url配置，如下圖所示:
在URL處填寫: http://localhost:8080(古月: 本文章是8080端口, 具體的端口看自己的程序寫的是監聽哪一個)
在src的Remote url處填寫: webpack:///src
保存好調試配置
啓動server，可以使用WebStorm npm scripts中雙擊start啓動server， 也可以在命令行中執行命令npm run start啓動server
點擊debug，調試DebugTest，這時候會打開chrome，如下圖所示 :
當我們在chrome中點擊測試按鈕，WebStorm就會響應斷點狀態，如下圖所示:
總結
目前我最喜歡的Vue項目調試方式還是: WebStorm+Chrome，因爲WebStorm的代碼編輯，重構等功能本來就很強大，調試時的的變量顯示也是最友好的。只是WebStorm會比較重，啓動較慢，但是功能最強大。VSCode+Chrome調試功能會稍微遜色一些，但是也基本可用，比較輕量級，啓動速度較快。如果經常切換項目，可以考慮使用VSCode+Chrome的調試方式。
https://blog.csdn.net/guyue35/article/details/81669457