安装WebStorm
WebStorm官网:( https://www.jetbrains.com/webstorm/ )
安装Chrome和JetBrains IDE Support
JetBrains IDE Support的地址是:
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
不过一般都是被墙了,所以得FQ去安装插件了。
1.先debug模式启动程序,npm run dev
2.debug模式启动js调试信息
五.调试
1.在本地代码打断点:
2.在浏览器中打开webstorm support支持
3.在浏览器中触发前端打断点方法,效果如下: 就可以想idea调试java一样调试前端了