webstorm chrom调试vue

分类: 文章 • 2022-10-31 22:55:37

1、chrom下载插件JetBrains IDE Support；
2、在命令行运行npm run dev，启动vue工程；
3、webstorm进行如下配置：
webstorm chrom调试vue
点击debug，会自动打开chrom；
4、最终效果如下：
，
注意，断点需要在Network界面中的代码里打。