webstorm像idea調試java一樣調試npm的js項目


一.相關軟件安裝和配置

  安裝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一樣調試前端了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM