当前位置：首页 > news >正文

Visual Studio Code 远端云服务器开发使用指南

news 2025/7/23 10:22:01

一、下载安装

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中的终端各有各的好处，在开发的时候可以同时使用：