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

发布于:2025-07-23 ⋅ 阅读:(20) ⋅ 点赞:(0)

目录

一、下载安装

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标准支持:


网站公告

今日签到

点亮在社区的每一天
去签到