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

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

    Figstack
    Figstack

    一个基于 Web 的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 配置弄清楚,后面就能无缝开发了。

相关专题

更多
java break和continue
java break和continue

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

256

2025.10.24

vscode
vscode

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

591

2023.06.30

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

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

222

2023.07.21

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

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

390

2024.03.14

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

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

376

2024.03.14

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

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

549

2024.03.15

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

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

551

2024.03.15

vscode用途介绍
vscode用途介绍

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

487

2024.03.15

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.23

热门下载

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

精品课程

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

共34课时 | 2.6万人学习

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

共98课时 | 7.5万人学习

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

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