webstorm chrom调试vue

1、chrom下载插件JetBrains IDE Support；
2、在命令行运行npm run dev，启动vue工程；
3、webstorm进行如下配置：

点击debug，会自动打开chrom；
4、最终效果如下：
，
注意，断点需要在Network界面中的代码里打。

关键是webstorm和npm同时运行这个工程。