目录

一、下载安装

1、官方下载

2、下载加速方案

二、基于Ubuntu系统的开发环境搭建方案

1、开发环境配置

2、云服务器架构

3、工作流程关系

4、总结

三、推荐插件

1、免配置插件

1. Remote-SSH - 远程登录Linux服务器

2. C/C++ - 必备的C/C++开发插件

3. C/C++ Extension Pack - C/C++扩展包

4. C/C++ Themes - 代码主题设置

5. Chinese (Simplified) - 简体中文语言包

6. vscode-icons - 文件图标美化

7. filesize - 在状态栏显示文件大小

8. Include AutoComplete - 自动补全头文件包含

9. GBKtoUTF8 - 自动转换GBK编码到UTF82

2、需要配置的插件

10. koroFileHeader - 文件头部注释自动添加/更新

三、GDB调试配置

1、安装步骤

2、调试注意事项

四、常见问题解决方案

1、管道写入不存在错误

2、异常登录问题

3、C++11支持

---

一、下载安装

1、官方下载

官网下载地址：Download Visual Studio Code - Mac, Linux, Windows

2、下载加速方案

如果下载速度慢，可以参考以下解决方案：

CSDN博客文章：解决VsCode下载慢问题-CSDN博客

---

二、基于Ubuntu系统的开发环境搭建方案

我们在后面的学习中会使用一个基于Ubuntu系统的开发环境搭建方案，主要包含以下核心内容：

1、开发环境配置

• 基础平台：Ubuntu 20.04操作系统
• 开发工具：VS Code编辑器 + C/C++开发环境
• 扩展特性：支持通过插件进行个性化配置

2、云服务器架构

• 核心组件：云服务器实例/虚拟机
• 切换系统为Ubuntu 20.04发行版：

  

• 开发工具联动：VS Code通过专用通道连接云服务器（下面第三点会讲解）

3、工作流程关系

• 箭头标示了开发环境与云服务的交互关系
• VS Code作为本地开发终端，通过配置连接远程云服务器
• 云服务提供完整的后台支持和系统管理功能

4、总结

• 本地开发环境配置标准（Ubuntu+VS Code+C/C++）
• 云端资源的部署和管理方式
• 本地与云端环境的协作机制

        典型应用场景：开发者通过配置好的VS Code环境连接云服务器，进行远程开发工作，同时可利用云平台的重装和备份功能维护开发环境。

---

三、推荐插件

1、免配置插件

1. Remote-SSH - 远程登录Linux服务器

        安装完成该插件后，左侧出现小电脑图标，点击小电脑图标，然后我们会看到远程资源管理器下面的远程（隧道/SSH）为空： 

点击加号，然后输入登录命令，跟Xshell一样的，然后按Enter：

        弹出下面选项后，点击第一个，也就是本机终端家目录的config配置文件，此时会将刚刚输入的远程主机登录信息添加到SSH配置文件中了：

然后我们可以看到右下角弹出“已添加主机！” ：

        我们可以选择“打开配置”查看已经添加的主机，如果没有看到就点击远程（隧道/SSH）的刷新按钮：

也可以在本机电脑中直接按路径查看该配置文件： 

        如下，因为VScode没有提供直接在远程资源管理器中直接删除远端服务器的操作，有点难受。如果想要删除已添加远端机器的话，我们可以直接修改配置文件再保存和刷新即可：

如果我们想要链接远端服务器的话，我们可以选择点击下面的方式进行连接： 

此时我们可以看到“已连接”同时旁边的电脑图标也变成了绿色，并且带一个√号：

        我们此时可以再点击上面的文件按钮，再点击打开文件，此时显示的是云服务器上家目录的路径，此时我们可以填入要进入的目录路径，进入还需要输入一次密码：

        在vscode中，对文件的增删查改是实时变化的，前提是要先在vscode上使用Ctrl+s进行保存。我们在开发时可以使用Ctrl+~打开云服务器的终端，Xshell和vscode中的终端各有各的好处，在开发的时候可以同时使用：

2. C/C++ - 必备的C/C++开发插件

3. C/C++ Extension Pack - C/C++扩展包

        直接下载安装即可，该版本已预装VS Code编写C/C++工程所需的插件（包括C/C++、C/C++ Themes、CMake、CMake Tools和Better C++ Syntax等），省去了逐个查找安装的麻烦。

4. C/C++ Themes - 代码主题设置

5. Chinese (Simplified) - 简体中文语言包

6. vscode-icons - 文件图标美化

7. filesize - 在状态栏显示文件大小

8. Include AutoComplete - 自动补全头文件包含

9. GBKtoUTF8 - 自动转换GBK编码到UTF82

2、需要配置的插件

10. koroFileHeader - 文件头部注释自动添加/更新

参考教程：VSCode插件：KoroFileHeader深度指南：自动生成注释与代码片段定制-CSDN博客

---

三、GDB调试配置

1、安装步骤

1. 点击安装 GDB Debug 插件，此时左侧就会出现一个小虫子和暂停的符号

   

2. 解决服务器gdb debug missing问题：gdb调试报错：Missing separate debuginfos-CSDN博客

   如果你使用的是CentOS的话，可能涉及yum源更新问题：CentOS 更新yum源_centos更新yum源-CSDN博客

2、调试注意事项

        目前测试发现仍存在一些bug，调试体验可能不够理想，我们日常开发还是使用Xshell中的GDB和CGDB来进行debug调试，这样会比较方便，如果后面有时间的话我会仔细研究一下这款插件。

---

四、常见问题解决方案

1、管道写入不存在错误

尝试配置正确的config文件路径

2、异常登录问题

• 在用户家目录下执行：

  ls -al

  

• 删除.vscode-server隐藏目录，再重新登录

3、C++11支持

确保在编写代码时启用C++11标准支持：