文章目录
- vscode配置c\c++及美化
- 1.安装vscode
- 2.汉化
- 3.安装c\c++插件
- 4.安装mingw
- 5.配置mingw
- 6. 运行c代码
- 6.1 创建代码目录
- 6.2 设置文件配置
- 6.3 创建可执行任务：task.json
- 6.4 编译执行
- 6.5 再写其他代码
- 6.6 运行多个c文件
- 7. 运行c++文件
- 8.调式代码
- 8.1 创建launch.json
- 8.2 修改配置
- 8.3 开始调试
- 9.插件推荐
- 1. vscode-icons
- 2.Code Runner
- 3. One Dark Pro
- 4. Error Lens
vscode配置c\c++及美化
1.安装vscode
vscode官网
直接在官网下载安装即可！
2.汉化
找到左边的插件选项，搜索chinese插件进行安装重启软件
然后进行账户登录：
这里选择微软账户登录：（会跳转浏览器，在网页进行登录）
3.安装c\c++插件
在扩展框搜索c即可跳出，安装即可：
4.安装mingw
mingw下载
5.配置mingw
打开高级环境变量：
打开刚开安装的mingw安装目录，找到里面的bin目录，将路径复制到系统环境变量path中：
此时就已经配置完成了，这是来检查一下是否成功：
在终端命令窗口输入
gcc --version
如果成功，显示结果如图所示：
6. 运行c代码
6.1 创建代码目录
在自己常用的路径中，创建一个写代码的文件夹，用vscode打开
例如我在d盘根目录创建一个空文件夹，直接打开即可：
此时，vscode会弹出是否信任窗口，点击信任即可：
开始创建c文件：
注意文件的全名以及后缀都需要自己手敲
6.2 设置文件配置
写完代码后，按住 crtl+shift+p，点击有ui的这个选项：
将这两项更改为我们刚才安装的mingw选项：
6.3 创建可执行任务：task.json
点击上方工具栏的终端选项，在点击配置任务，会出现这个界面：
选择gcc.exe生成活动文件，就会生成这个配置文件：
6.4 编译执行
点开要执行的c文件窗口，然后点击上方工具栏中的终端选项，点击运行生成任务选项：
此时文件左侧便多出了一个exe文件
点击 crtl+`，就是键盘左上角esc下面那个按键，在弹出的终端窗口中输入 .\你的exe文件全名，回车即可：
6.5 再写其他代码
- 第一种方法
如果你还想再写一个代码，可以继续在这个目录中新建c文件进行编写，无需动用配置文件，直接在写的c代码窗口打开中，点开终端，运行生成任务即可，然后再 **crtl+`**调出终端窗口，输出执行代码即可：
- 第二种方法
也可以直接再新建一个文件夹进行编写代码，不过为了方便，可以直接将上诉文件中的 .vscode 文件直接粘贴到新目录中也是完全可以的，这里就不进行演示了！！
6.6 运行多个c文件
在文件夹中编写好多个c文件，将之前的 .vscode 粘贴过来，当然也可以直接点击工具栏的终端，创建可执行任务
main.c:
#include <stdio.h>
extern int Add(int x, int y);
int main()
{int a = 10;int b = 20;int sum = Add(a,b);printf("%d\n",sum);return 0;
}
add.c:
int Add(int x, int y)
{return x + y;
}
在编译多个c文件时，默认生成的task文件需要进行部分修改：
修改编译文件：
- 把 “
${file}” 修改为 “${workspaceFolder}\\*.c” , 可以构建当前工作区中的所有c文件 - 把 “
${file}” 修改为 “${workspaceFolder}\\*.cpp” , 可以构建当前工作区中的所有c++文件
修改输出文件：
把 “${fileDirname}\\${fileBasenameNoExtension}.exe” 修改为 “${workspaceFolder}\\${workspaceRootFolderName}.exe” ，可以把编译输出的文件名为：打开的工作区的文件夹名字.exe的形式。
task.json修改后的效果：
修改完之后就可以点击工具栏中的终端，运行生成任务：
此时便生成了与文件夹名称相同的的exe文件，然后crtl+` 调出终端窗口输出执行代码进行执行即可：
输出结果正确！！！
7. 运行c++文件
我们之前的配置是无法编译c++文件的，这是需要进行再次修改：
继续 crtl+shift+p ，打开带ui的那个选项
点击添加配置，在新输入窗口中输入c++，然后点击确认
这是便多了一个c++选项，然后再将后面的配置进行更改：
将编译器路径选择g++选项即可
编写好cpp文件后，点击终端 ---->> 配置任务 ---->> g++.exe生成活动文件
左侧便会出现一个c++的task文件：
明显看到文件配置跟前面的c文件配置有了些许差别！！
接下来就是 终端 ---->> 运行生成任务 ， crtl+` 调出终端窗口输入执行命令即可：
如果是编译多个c++文件，跟编译多个c文件同理，这里不过多介绍！！
8.调式代码
8.1 创建launch.json
这里选择gdb这个选项：
然后打开launch文件，添加配置：
生成内容如下：
8.2 修改配置
这里需要修改部分内容：
- program是需要调试的代码文件，将之前的执行文件 “
${fileDirname}\\${fileBasenameNoExtension}.exe” 粘贴过来即可 - miDebuggerPath是gdb的执行文件路径，将其改为你的mingw安装路径中的bin文件中的gdb.exe即可
8.3 开始调试
当launch.json文件配置好之后，我们直接打断点，点击开始调试即可：
调试快捷键：
- F5：执行调试
- F9：打断点
- F10：逐过程调试
- F11：逐语句调试
综上，便是全部的c++配置操作了。
9.插件推荐
接下来推荐几个非常有用的插件：
1. vscode-icons
2.Code Runner
可以直接执行代码，无需输入执行命令
3. One Dark Pro
这是美化主题的插件
美化结果：
4. Error Lens
这个插件我认为是最实用的插件，安装之后效果如下：
- （书写错误，直接再错误的语法处显示报错信息）
- 当然并不是所有的报错都是不可运行，但可以解决绝大部分错误（虽然显示报错，但依然可以正常运行）
至此，VScode配置美化全部结束！！
