老哥们，问个 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