安装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像idea调试java一样调试npm的js项目

三.配置webstorm调试js

webstorm像idea调试java一样调试npm的js项目

四.启动方式

1.先debug模式启动程序,npm run dev

webstorm像idea调试java一样调试npm的js项目

 

 2.debug模式启动js调试信息

webstorm像idea调试java一样调试npm的js项目

五.调试

1.在本地代码打断点:

webstorm像idea调试java一样调试npm的js项目

2.在浏览器中打开webstorm support支持

3.在浏览器中触发前端打断点方法,效果如下:   就可以想idea调试java一样调试前端了

webstorm像idea调试java一样调试npm的js项目

 

相关文章:

  • 2021-07-11
  • 2021-09-24
  • 2021-10-05
  • 2021-08-27
  • 2021-12-15
  • 2022-01-06
  • 2021-04-24
  • 2021-08-19
猜你喜欢
  • 2021-04-27
  • 2022-01-18
  • 2021-12-25
  • 2021-10-15
  • 2022-12-23
  • 2021-09-28
  • 2021-05-01
相关资源
相似解决方案