一.相關軟件安裝和配置
安裝WebStorm
WebStorm官網:( https://www.jetbrains.com/webstorm/ )
安裝Chrome和JetBrains IDE Support
JetBrains IDE Support的地址是:
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
不過一般都是被牆了,所以得FQ去安裝插件了。
二.配置npm啟動vue項目
三.配置webstorm調試js
四.啟動方式
1.先debug模式啟動程序,npm run dev
2.debug模式啟動js調試信息
五.調試
1.在本地代碼打斷點:
2.在瀏覽器中打開webstorm support支持
3.在瀏覽器中觸發前端打斷點方法,效果如下: 就可以想idea調試java一樣調試前端了