IDEA 中 前端Debug

 1. 打开 vue的前端项目 

 2. IntelliJ IDEA安装 vue.js  插件（安装后插件后可能需要重启）

3. 配置项目运行配置

打开 Run/Debug Configurations：在导航栏中选择 Run > Edit Configurations...

添加新的配置：点击左上角的加号 (+)，选择 npm。

配置 npm Task：

在 scripts 字段中，选择你的启动脚本，通常是 serve 或 dev，这取决于你的 package.json 文件中的配置。

在 Command 字段中选择 run。

在 Environment variables 字段中，可以设置需要的环境变量（如果有的话）。

保存配置：点击 OK 保存你的配置。

4. 启动调试

运行项目：选择 Run > Run... 并选择你刚才创建的配置，或者点击工具栏上的运行按钮（绿色三角形）。

调试项目：选择 Run > Debug... 并选择你的配置，或者点击工具栏上的调试按钮（旁边有一个小虫子的绿色按钮）。