利用vue-cli命令行工具生成的 Vue 项目,使用矗接在控制台npm run dev没问题但是在 vscode 中直接 debug 会报错。 目前配置如下：

本人根据自己的操作修改了一些细节，用于C语言调试

懒得自己配置或自己配置出现不明问题的朋友可以点这里： 

————————– 以下是原文 ————————-

设置断点，变量监视调用堆栈的查看： 

条件断点的使用： 

1. 修改vscode调试配置文件

点击下载自己喜欢的相应版本，绿色版解压即可食用

vscode在短暂的聯网查找后会列出插件列表如图： 
点击箭头所指处的按钮安装插件，安装过程可能会有些慢耐心等待 
安装完成后vscode会提示你重启vscode此时重啟即可

点击Continue开始安装，安装过程需联网若安装时提示error则需翻墙安装 
安装过程很快，结束后Continue按钮恢复为可用状态点击完成安装。

打开MinGW安裝管理器进行进一步配置

//调试C语言的话选中下面这个也可以//

注意这里gdb必选，否则无法调试 //重要
选择完全部想要安装的项后点击左上角Installation菜單下的Apply Changes应用修改过程需联网，中间出现error可先继续若最后失败则需翻墙更新，建议翻墙

然后配置系统环境变量path这一步为必须 
在 我的电腦 上右键 属性： 
然后按照下面步骤做即可，注意最后新建的项要与之前MinGW安装位置相对应 

注意vscode调试需要在打开的文件夹中进行

打开文件夹后新建test.cpp进行输入代码测试： 

当你写的C语言有#include等头文件时，需要配置包含头文件用鼠标放在#include关键字上面，会出现一个小灯泡提示你包含攵件没有找到。

然后会在工作目录下的生成一个launch code.json的启动配置文件: 

使用下面代码替换该文件：

替换后保存然后切换至test.cpp，按F5进行调试此时會弹出一个信息框要求你配置任务运行程序，点击它~ 

保存一下然后切换至test.cpp，再次按F5启动调试~