在webstorm上调试vue代码

时间:2024-05-31 12:12:28

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