webstorm debug调试vue项目

1.运行npm,然后控制台会打印下图中的地址,复制local的地址
webstorm debug调试vue项目_第1张图片
2.run–>Edit Configuration,如下图
webstorm debug调试vue项目_第2张图片
3.设置测试项
webstorm debug调试vue项目_第3张图片
4.在你需要的js段打好断点
webstorm debug调试vue项目_第4张图片
5.在上边框的工具栏里面有debug运行,点击debug运行的图标运行即可
webstorm debug调试vue项目_第5张图片

你可能感兴趣的:(教程,java,webstorm,vue.js,ide)