老哥们，问个 WebStorm 调试 vue2 项目，无法调试.vue 文件问题

下了一个 vue2 项目，想在.vue 文件里面打断点

在 WebStorm 中，按照网上的教程 配置了 Javascript Debug,如下图

先用 npm run dev 启动，然后再启动 Javascript Debug ，这样我发现只能在 js 上面打断点有用， .vue代码中打上断点 没有打勾的标记

我观察了一下 package.json 文件，大致启动内容如下：

 "scripts": { "local": "vue-cli-service serve --mode local", "dev": "vue-cli-service serve --mode dev", }, 

尝试 修改dev配置为 vue-cli-service serve --mode dev --debug ,还是没有用

也查看了这个配置https://juejin.cn/post/7077813962993041421 调整 vue.config.js 文件中添加 devtool

还是无效

其他信息：

OS：windows11 WebStorm 2023.3.5 vue: 2.7.14 npm -v：5.6.0 node -v：v9.11.2 vue-cli-service：版本全局搜索没找到 npm list vue： [email protected] （只有这一个） 

webstorm debug 配置未调整

0.0 我只想调试一下，咋这么难...

java 党，用 IDEA 习惯了，所以玩下前端 自然就用的 webstorm