手把手教你在VSCODE下写C/C++代码(内附如何连接远端服务器教程)

服务器 0

在这里插入图片描述

👦个人主页: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++代码的工具,包括编译器、链接器和其他实用工具。

  1. 首先你从上面的链接就能获取mingw64的压缩包(vscode安装包也在),解压后里面长这样。注意:解压后的文件夹不要乱放,后面配置还需要用到这个路径 ~。注意:路径不要包含空格和中文

在这里插入图片描述

  1. 打开Windows下的环境变量,在Path下添加bin文件的路径

在这里插入图片描述

  1. 验证是否配置成功。打开cmd窗口,如果内容类似与以下结果,代表你配置成功了!

在这里插入图片描述

  1. 来到此处,建议你先安装我推荐的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顶部找到终端,鼠标移上去后点击配置任务

在这里插入图片描述

  1. 完成上步操作后,就会弹出一个框,选择C/C++: gcc.exe 生成活动文件

在这里插入图片描述

随后在.vscode目录下你会得到tasks.json文件,这个文件时专门用来执行代码的编译任务的(目前tasks.json不需要有任何修改)

在这里插入图片描述

2.4 编译 + 执行

完成了上述步骤,我们就可以编译变生成可执行程序了

具体操做如下:

  1. 先用鼠标点击你要编译的.c文件的内容。
  2. 然后在vscode顶部找到终端, 然后点击运行生成任务,然后就会在该项目下生成一个可执行文件.exe
  3. 执行可执行文件。按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编译选项

  1. 鼠标点在.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 连接步骤

  1. 首先你要安装一个插件Remote - SSH

请添加图片描述

  1. 安装完后,你的左边框栏会出现一个像电脑的图标。

在这里插入图片描述

  1. 然后边框栏就会弹出选择更新SSH配置文件的路径,默认选择第一个即可。注意:你要记住这个路径

请添加图片描述

  1. 重启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让其生效

也许您对下面的内容还感兴趣: