VSCode ssh远程连接
VSCode ssh远程连接
起因
最近玩Three.js,用的Debian的虚拟机,主机直接走终端通过ssh连上进行编辑的。
但操作多了就会发现,更改代码,保存,运行调试整个过程有点麻烦。
作为新手我自然是不熟悉VIM的,只是用的nano,每次打开修改保存,然后再运行npx vite --host
,就想着有没有哪个IDE或者别的方法可以用起来更方便些。
于是就把需求给AI提了下,它推荐了我用VSCode,记录一下备查。
安装Remote SSH插件
打开VsCode,在左侧插件栏查找,可以轻松搜到Remote-SSH
,点击安装。
连接服务器
在插件安装好以后,点击左下角连接图标
然后可以看到在界面正中间会出现一个下拉菜单
在其中选择Connect to Host......Remote SSH
如果第一次用,会看到有2个选项
接下来选择Add New SSH Host...
然后按照ssh命令进行输入,按下回车后,会提示选择config文件,确认后,右下角会弹出提示。
打开后可以看到保存的config
文件内容,包括
Host 服务器名
HostName 服务器IP
User 用户名
Port 端口
IdentityFile 私钥的路径
可以手动进行设置修改。
点连接,即可连接服务器。
初次连接,会在服务器上装VSCode Server,装完之后,左下角会显示已连接。
接下来,点击左上角文件,打开文件夹,此时可以就看到服务器上的文件了。
来到我的threejs工程路径,打开后可以看到工程文件
双击就可以编辑了。
编辑完成,按快捷键 Ctrl+` 呼出终端,输入
npx vite --host
敲下回车,浏览器图像更新,搞定!
退出
左下角连接图标,点击后依旧在界面正中出现的下拉菜单中,选择Close Remote Connection
。