VsCode连接远程服务器并修改文件代码

本文详细介绍了如何使用VSCode的RemoteDevelopment插件配置和连接远程服务器,包括安装插件、配置SSH目标、设置远程服务器信息、连接服务器、打开文件夹、安装插件以及代码运行的步骤。此外,还提到了在连接远程服务器时需要注意的事项。

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

一 插件安装配置

1.  安装远程开发插件Remote Development,在商店中搜索Remote Development并安装。

2、选择SSH Targets

安装完成后,vscode左侧多出了一个菜单栏,我们点击配置按钮配置远程服务器的地址。选择SSH Targets。

 

二 远程服务器配置 

1. 使用文件配置

这时候边栏多了远程连接的图标,你可以点加号添加新的连接,也可以点那个齿轮调整config文件(建议)。实际上加号连接的东西也会问你记录在哪个config里面。至于选那个config,第一个就行了(建议),其他的好像也能用。加号的添加方式按照里面的提示填就行了。Host 相当于你的昵称,HostName是你的服务器ip地址,User是你服务器上的用户名

 其中配置文件内容

Host Node5 
    HostName 192.1678.124.35 #ip
    User jgy #用户名
    Port 9205 #端口号

2. 使用命令行配置

在命令框中输入ssh命令

ssh 你的远程用户名@你的远程地址 -p 你的远程端口号

三 连接远程服务器

在这之前需要对vscode进行配置,具体文件-首选项-设置-扩展找到Remote-SSH中将其中的Show Login Terminal选中

 重启VSCode;此时你在vscode的远程资源管理器中就看到一个你配置好了的远程服务器,就可以连接了:

 

 点击后会打开一个新的vscode窗口,在其下的终端中要求你输入远程服务器的密码:

 四 打开文件夹

此时你的vscode就工作在远程服务器中了,让我们来打开一个文件夹:

在这里插入图片描述

点击后就打开了家目录,此时我们就可以像平常那样直接用vscode的资源管理器来管理我们的文件了。
如果我们想要打开远程服务器的shell,那么可以像在本地那样直接在终端中打开就好了:

在这里插入图片描述

 五 安装插件

本机中的插件是无法在远程服务器中使用的,这就需要我们从新安装插件,这个也比较简单,在连接上远程服务器后在vscdoe的插件侧边栏中就可以看到一个专为远程服务器显示 安装插件的区域,此后的操作与本地安装基本一样。我目前装了三个

在这里插入图片描述

六 代码运行

在终端输入相关命令即可。

七 注意事项

待补充

参考链接

1.  windows下使用vscode远程连接Linux服务器进行开发_irober的博客-CSDN博客

2. VScode远程连接Ubuntu服务器_不是小蓝是小白的博客-CSDN博客_vscode远程连接ubuntu

3. vscode连接服务器设置端口号_蓝雨飞扬7的博客-CSDN博客_vscode 端口

### VSCode 连接远程服务器实现文件修改同步方法 #### 插件安装 为了能够在VSCode连接远程服务器,需先确保已安装Remote Development扩展包。该扩展包提供了一系列功能来支持远程开发环境的配置和使用[^2]。 #### 配置SSH连接 完成上述插件安装之后,在Visual Studio Code界面左侧找到新增加的小电脑图标代表的“远程资源管理器”。通过更改其旁边下拉列表中的选项至`SSH Targets`可以准备建立与目标机器的安全shell(SSH)链接。 当一切就绪后,如果之前已经正确设置了私钥的身份验证方式(`IdentityFile`),那么此时应该会在弹窗里看到请求输入用于解锁SSH密钥的密码短语提示[^3]。 #### 访问远程文件夹 一旦建立了成功的SSH连接,则可以通过点击顶部菜单栏里的“文件”,再选择其中的“打开文件夹”命令来浏览远端系统的目录结构;选定想要操作的具体路径即可将其加载入当前编辑环境中[^1]。 #### SFTP同步机制 对于希望保持本地副本同远程主机上的项目始终保持一致的情况来说,除了依靠内置的功能外还可以借助额外工具如SFTP来进行更高效的双向传输处理。这允许开发者在保存文档的同时自动更新对应的线上版本,从而简化了协作流程且减少了手动干预的需求。 ```json // .vscode/settings.json 示例配置片段 { "remote.SSH.useLocalServer": true, "files.autoSave": "afterDelay", "sftp.remotePath": "/path/to/your/project", // 替换成实际项目的根目录位置 "sftp.uploadOnSave": true, // 开启此开关可实现在每次存盘时触发上传动作 } ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值