vscode配置c\c++及美化

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 再写其他代码

1. 第一种方法

如果你还想再写一个代码，可以继续在这个目录中新建c文件进行编写，无需动用配置文件，直接在写的c代码窗口打开中，点开终端，运行生成任务即可，然后再 **crtl+`**调出终端窗口，输出执行代码即可：

2. 第二种方法

也可以直接再新建一个文件夹进行编写代码，不过为了方便，可以直接将上诉文件中的 .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配置美化全部结束！！