VSCode ssh远程连接

VSCode ssh远程连接

起因

最近玩Three.js,用的Debian的虚拟机,主机直接走终端通过ssh连上进行编辑的。
但操作多了就会发现,更改代码,保存,运行调试整个过程有点麻烦。
作为新手我自然是不熟悉VIM的,只是用的nano,每次打开修改保存,然后再运行npx vite --host,就想着有没有哪个IDE或者别的方法可以用起来更方便些。
于是就把需求给AI提了下,它推荐了我用VSCode,记录一下备查。

安装Remote SSH插件

打开VsCode,在左侧插件栏查找,可以轻松搜到Remote-SSH,点击安装。
image

连接服务器

在插件安装好以后,点击左下角连接图标
image
然后可以看到在界面正中间会出现一个下拉菜单
image
在其中选择Connect to Host......Remote SSH
如果第一次用,会看到有2个选项
image
接下来选择Add New SSH Host...
image
然后按照ssh命令进行输入,按下回车后,会提示选择config文件,确认后,右下角会弹出提示。
image
打开后可以看到保存的config文件内容,包括

Host 服务器名
  HostName 服务器IP
  User 用户名
  Port 端口
  IdentityFile 私钥的路径

可以手动进行设置修改。
点连接,即可连接服务器。
初次连接,会在服务器上装VSCode Server,装完之后,左下角会显示已连接。
image
接下来,点击左上角文件,打开文件夹,此时可以就看到服务器上的文件了。
image
来到我的threejs工程路径,打开后可以看到工程文件
image
双击就可以编辑了。
image
编辑完成,按快捷键 Ctrl+` 呼出终端,输入

npx vite --host

敲下回车,浏览器图像更新,搞定!

退出

左下角连接图标,点击后依旧在界面正中出现的下拉菜单中,选择Close Remote Connection

posted @ 2025-07-30 16:04  科里布  阅读(25)  评论(0)    收藏  举报