手把手教你在VSCODE下写C/C++代码（内附如何连接远端服务器教程）
👦个人主页：Weraphael
✍🏻作者简介：目前正在学习c++和算法
✈️专栏：Linux
🐋 希望大家多多支持，咱一起进步！😁
如果文章有啥瑕疵，希望大佬指点一二
如果文章对你有帮助的话
欢迎 评论💬 点赞👍🏻 收藏 📂 加关注😍
目录
- 一、安装与配置
- 二、编写和编译C语言代码
- 2.1 编写代码
- 2.2 设置C的编译选项
- 2.3 获得tasks.json文件
- 2.4 编译 + 执行
- 2.5 如何编译当前项目下的多个.c文件
- 三、编译C++代码
- 3.1 设置cpp编译选项
- 3.2 生成tasks.json
- 四、vscode调试
- 五、vscode连接远端服务器
- 5.1 连接步骤
- 5.2 我遇到的问题
- 六、一些有用的插件
一、安装与配置
- 下载链接：点击跳转
VScode是一个高级的编辑器（相当于记事本），可以用来写C/C++代码，当然你也可以写python等其他语言，但是它不能直接编译代码。所以，如果我们要使用vsCode搭建C/C++的编译和调试环境，还必须要有编译器来编译代码。我们这里就使用mingw64
mingw64是一个用于Windows平台的开发工具集，主要用于支持C/C++编程。它提供了一套用于在Windows环境下编译和链接C/C++代码的工具，包括编译器、链接器和其他实用工具。
- 首先你从上面的链接就能获取mingw64的压缩包（vscode安装包也在），解压后里面长这样。注意：解压后的文件夹不要乱放，后面配置还需要用到这个路径 ~。注意：路径不要包含空格和中文。
- 打开Windows下的环境变量，在Path下添加bin文件的路径
- 验证是否配置成功。打开cmd窗口，如果内容类似与以下结果，代表你配置成功了！
- 来到此处，建议你先安装我推荐的vscode的插件
二、编写和编译C语言代码
2.1 编写代码
打开一个空白的文件夹，然后创建一个文件，文件名为test.c。注意文件后缀一定要带上。
我的代码示例如下
2.2 设置C的编译选项
鼠标点进源文件.c内部，按下ctrl + shift + p，然后在弹出的界面中选择：C/C++：编辑配置(UI)
需要配置的内容如下
当你配置完以上选项后，项目目录就会出现.vscode文件夹，里头有一个c_cpp_properties.json文件，它提供了关于编译器、包含路径、宏定义等方面的配置信息，以便编辑器可以正确地进行语法高亮、代码补全、错误检查等操作。
2.3 获得tasks.json文件
在vscode顶部找到终端，鼠标移上去后点击配置任务
- 完成上步操作后，就会弹出一个框，选择C/C++: gcc.exe 生成活动文件
随后在.vscode目录下你会得到tasks.json文件，这个文件时专门用来执行代码的编译任务的（目前tasks.json不需要有任何修改）
2.4 编译 + 执行
完成了上述步骤，我们就可以编译变生成可执行程序了
具体操做如下：
- 先用鼠标点击你要编译的.c文件的内容。
- 然后在vscode顶部找到终端， 然后点击运行生成任务，然后就会在该项目下生成一个可执行文件.exe
- 执行可执行文件。按ctrl + ‘（点是Esc下的那个键），打开vscode自带的终端，然后输入.\可执行文件名 + 回车即可呈现出你要的结果
2.5 如何编译当前项目下的多个.c文件
假设一个项目中有如下两个.c文件需要编译
我们仅需要对tasks.json文件稍作修改即可
- 在11行中，将${file}改为${workspaceFolder}\\*.c，表示可以构建当前项目中的所有.c文件。(如果要编译多个.cpp，就把.c改为.cpp即可)
- 在13行，把${fileDirname}\\${fileBasenameNoExtension}.exe改为${workspaceFolder}\\${workspaceRootFolderName}.exe，表示可以把可执行文件名改为打开的工作区文件夹的名字.exe
参考：
配置完后，我们在vscode顶部找到终端， 然后点击运行生成任务生成可执行文件，然后在终端上执行即可
三、编译C++代码
3.1 设置cpp编译选项
- 鼠标点在.cpp源文件内部，按ctrl+shift+p快捷键，在弹出的界面中选择C/C++:编辑配置(UI)，然后进入设置页面。需要配置的内容如下
3.2 生成tasks.json
在vscode顶部找到终端，鼠标移上去后点击配置任务
随后就会在.vscode成功tasks.json文件，为了能让cpp也可以执行多个.cpp文件，我们也可以进行tasks.json文件进行配置。
以上配置完之后就能正常编译生成可执行程序了。编译步骤就是在vscode顶部找到终端，然后点击运行生成任务
四、vscode调试
在vscode上调试的关键是依赖一个配置文件launch.json。因此接下来我们要创建launch.json
首先在vscode上点击调试，点击创建launch.json文件。
点击完后，就会弹出如下窗口，我们要选择GDB，选择完后就会在.vscode文件夹下生成launch.json
然后点击添加配置，选择C/C++: (gdb)启动
配置完后会生成默认的调试配置信息，但我们需要修改一些信息
我的配置参考：
然后就可以开始调试了，调试的快捷键和vs系列的IDE是一样的，具体快捷键可以查看我的往期博客：点击跳转
五、vscode连接远端服务器
5.1 连接步骤
- 首先你要安装一个插件Remote - SSH
- 安装完后，你的左边框栏会出现一个像电脑的图标。
- 然后边框栏就会弹出选择更新SSH配置文件的路径，默认选择第一个即可。注意：你要记住这个路径
- 重启vscode，然后你就发现你的服务器已经被vscode记录下来了。鼠标右击可以选择窗口连接，接下来就是输入你登入服务器的密码，最后就登录成功啦。
5.2 我遇到的问题
- 问题1：我一开登录的时候，它说过程试图写⼊的管道不存在，后来我发现是config文件的路径没有设置。
首先你可以使用ctrl + 逗号打开设置，输入config，最后填写你的config文件路径就可以了
- 问题2：当vscode尝试连接服务器时，明明密码输的是对的，但是就是连接不上
原因是管道过期了，只需要再root用户下执行以下命令，然后再连接就行了
ps -ef | grep vscode | grep -v grep | awk '{print $2}' | xargs kill -9六、一些有用的插件
注意：安装完插件后，需要重启vscode让其生效
- 问题2：当vscode尝试连接服务器时，明明密码输的是对的，但是就是连接不上
- 下载链接：点击跳转
