vs code远程编辑文件

最新推荐文章于 2025-05-17 10:14:33 发布

HouszChina

最新推荐文章于 2025-05-17 10:14:33 发布

阅读量2.9w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： tools 文章标签： visual studio openssh linux

本文链接：https://blog.csdn.net/HouszChina/article/details/79850644

tools 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用Visual Studio Code进行远程文件访问与编辑，包括环境配置、工作流设置及使用官方Remote工具的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2021年再更新：
现在GitHub已经支持vscode.dev了，只要在GitHub仓库页面点一下键盘上的句号键，就能自动开启vscode浏览器编辑模式。

2019年9月更新：
官方Remote工具已可用，建议直接安装
在这里插入图片描述
使用方法如官方文档所示：

按F1，输入Remote-SSH: Open SSH Host
输入要连接的用户名@主机地址：user@host-or-ip
连接成功后输入密码
File > Open Folder打开远程主机目录

以下为老方法

使用visual studio code远程访问和修改文件。本机：Windows，远程：Linux

环境配置

本机Windows安装openssh，以下链接下载安装：

https://www.mls-software.com/files/setupssh-7.6p1-1.exe

在控制台输入ssh查看命令是否有效：
这里写图片描述

远程Linux安装rmate：

wget https://raw.githubusercontent.com/sclukey/rmate-python/master/bin/rmate

chmod +x ./rmate

mv ./rmate /usr/local/bin/rmate

vs code安装remote vscode插件：
这里写图片描述

重启vs code加载插件。

工作流

启动插件：`ctrl + shift + P`输入`remote`，点击`Remote: Start Server`

启动控制台：ctrl + shift + P输入powershell或cmd启动终端窗口：

` 这里写图片描述

连接远程系统：powershell输入：

ssh -R 52698:127.0.0.1:52698 user@example.org

这里52698是插件默认端口。例如：

ssh -R 52698:127.0.0.1:52698 root@192.168.123.123

之后输入密码ssh连接远程Linux系统即可。

编辑文件：打开要编辑的文件，输入：

rmate -p 52698 filename

例如：

rmate -p 52698 ~/index.js

vs code编辑区就会自动打开该文件：
这里写图片描述

然后就能像本地文件一样编辑了。

其他配置

插件自启动：remote vscode插件自动加载：文件>首选项>设置，搜索remote：
这里写图片描述
属性改为true即可。