1、进入调试配置

在webstorm上调试vue代码

2、新建JavaScript调试配置,并设置要访问的url地址(示例: http://localhost:8081),保存如下图所示:
在webstorm上调试vue代码
3、在Terminal内启动项目:npm run dev
在webstorm上调试vue代码
4、再启动debug,会启动谷歌浏览器。(如果浏览器页面没有正常显示网页 手动补全url就好)

在webstorm上调试vue代码
5、开始调试,在要测试代码的前面点出红点,当程序运行到该行就可以拦截。
在webstorm上调试vue代码
在webstorm上调试vue代码
6、END
参考:https://www.cnblogs.com/diyunfei/p/11376272.html

相关文章:

  • 2021-12-25
  • 2022-12-23
  • 2022-12-23
  • 2021-04-27
  • 2022-12-23
  • 2021-05-01
  • 2021-05-26
  • 2021-11-21
猜你喜欢
  • 2021-11-30
  • 2021-10-27
  • 2021-06-28
  • 2021-07-28
  • 2022-12-23
  • 2021-11-09
相关资源
相似解决方案