0

0

VSCode如何实现远程开发 VSCode连接云服务器的配置教程

看不見的法師

看不見的法師

发布时间:2025-07-17 19:13:02

|

806人浏览过

|

来源于php中文网

原创

vscode通过remote-ssh插件实现远程开发的核心步骤如下:一、安装remote-ssh插件,在扩展界面搜索并安装由微软发布的remote-ssh插件,安装后左下角会显示远程连接按钮;二、配置ssh连接信息,在本地编辑~/.ssh/config文件,添加host、hostname、user及identityfile等参数以定义服务器连接信息;三、连接远程服务器,点击远程按钮或使用快捷命令选择目标主机进行连接,首次连接需确认信任,成功后即可像本地一样操作远程代码和终端;四、处理常见问题,如私钥权限错误可通过chmod 600修改权限解决,远程插件需在远程部分重新安装。整个流程简单顺畅,关键在于正确配置ssh连接和密钥权限。

VSCode如何实现远程开发 VSCode连接云服务器的配置教程

VSCode 实现远程开发非常方便,尤其是通过 Remote - SSH 插件连接云服务器,几乎可以当作本地开发一样使用。整个流程其实不复杂,核心是配置好 SSH 连接和密钥。

VSCode如何实现远程开发 VSCode连接云服务器的配置教程

一、安装 Remote - SSH 插件

要实现远程开发,首先需要在 VSCode 中安装官方插件 Remote - SSH。这个插件由微软官方维护,功能稳定。

  • 打开 VSCode,点击左侧活动栏的扩展图标(或按 Ctrl+Shift+X
  • 搜索 “Remote - SSH”
  • 找到由 Microsoft 发布的那一个,点击安装

安装完成后,你会在左下角看到一个类似“Open a Remote Window”的按钮,说明插件已经生效。

VSCode如何实现远程开发 VSCode连接云服务器的配置教程

二、配置 SSH 连接信息

安装完插件后,下一步就是配置 SSH 连接信息。这一步的关键在于写好 ~/.ssh/config 文件。

  • 在本地终端运行以下命令打开配置文件:

    VSCode如何实现远程开发 VSCode连接云服务器的配置教程
    code ~/.ssh/config

    或者直接用文本编辑器打开。

    Joker AIx
    Joker AIx

    一站式AI创意生产平台,覆盖图像、视频、音频、文案全品类创作

    下载
  • 添加如下格式的内容(根据你的云服务器信息修改):

    Host myserver
        HostName 123.45.67.89
        User ubuntu
        IdentityFile ~/.ssh/id_rsa

其中:

  • Host 是你给服务器起的别名,比如 myserver
  • HostName 是服务器 IP 地址
  • User 是登录用户名,例如 Ubuntu 镜像通常是 ubuntu
  • IdentityFile 是私钥路径,如果你用的是默认密钥,可能可以省略这一行

保存后就可以通过这个别名连接了。


三、连接远程服务器并开始开发

配置好之后,就可以通过 VSCode 直接连接远程服务器了。

  • 点击左下角的绿色远程连接按钮(或按 Ctrl+Shift+P 输入 “Remote-SSH: Connect to Host”)
  • 选择你刚才配置好的主机名,比如 myserver
  • 第一次连接时会提示你是否信任该主机,选择“Continue”
  • 成功连接后,VSCode 会自动在远程服务器上下载并安装一个轻量级的 Server 组件
  • 安装完成后,你可以像本地一样打开远程目录、编辑代码、运行终端等

注意:如果连接失败,检查一下 SSH 密钥权限是否正确(一般应为 600),以及服务器是否开放了 22 端口。


四、一些常见问题和小技巧

私钥权限不对导致连接失败

  • 错误提示可能是 “Bad owner or permissions on ~/.ssh/config”
  • 解决方法:确保私钥权限是 600,可以用以下命令修复:
    chmod 600 ~/.ssh/id_rsa

如何在远程环境中安装插件?

  • 默认情况下,插件是安装在本地的。但有些插件也支持远程安装。
  • 在远程连接状态下,打开扩展界面,可以看到插件分为“本地已安装”和“远程:SSH - 当前主机”两个部分。
  • 如果你想在远程环境使用某个插件,记得在远程那一栏里重新安装一次。

修改远程开发的工作目录

  • 右键点击远程资源管理器中的任意目录,选择 “Reopen in Container” 或 “Open Folder”,即可切换工作区。

基本上就这些步骤。虽然看起来有点多,但实际操作下来也就几分钟的事。关键是把 SSH 配置弄清楚,后面就能无缝开发了。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

261

2025.10.24

vscode
vscode

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

628

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

228

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

414

2024.03.14

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

393

2024.03.14

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

584

2024.03.15

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

600

2024.03.15

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

586

2024.03.15

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.7万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 8.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号