vscode远程编辑linux代码,用vs code连接远程linux服务器实时修改代码

前言

最近在自己维护的一个项目中(已经搭建在了Linux上)，发现某个功能运行不了，本来想本地测试(我的是windows开发环境)，奈何本地运行没有问题，本来我是用xshell进行调试修改代码，但是xshell的vi模式修改文件太慢了(不太习惯)，然后xshell的xftp又很麻烦(每次只能打开单个文件，而且只能用windows记事本打开，没有语法高亮)，然后突然想起了之前公众号看过的宇宙最强编辑器(Visual Studio Code)出了一个远程连接服务器的插件(当时没当一回事)，在用了之后才发现真的好用。特写一篇文章用于记录

PS：本文章只写了连接服务器并调试本地代码的功能，还有查看git文件，新建git分支等功能还在探索中。感觉该功能适合于个人开发，并且有服务器权限的人使用，其他的开发都是基于git的，然后上传调试，比较少有服务器权限，当然，这样也很舒服了。

准备文件

我先在我的服务器上工作目录新建一个文件，

cd workspace

mddir test

vim test/test.txt

写入如下内容：

之后我们去vs code里面安装Remove SSH插件。

安装Remove SSH插件并使用

安装

然后去vs code里面搜索remove ssh就可以看到该插件，点击安装即可。

界面改变

安装完该插件后我们可以看到我们的侧栏已经多了一个远程的图标，让我们点击它，如下所示：

使用插件

①、点击新添加一个服务器，然后会在侧边多出一个输入框，让我们输入服务器信息，并且已经有了格式

ssh 用户名@ip地址 # 如 ssh root@120.79.150.48

②、输入完之后, 会让我们选一个位置，来存储一些信息：

文件信息如下：

之后我们也可以手动的添加该文件，然后达到添加远程服务器的效果。删除远程服务器只需要删除该文件的内容即可。

③、右键，在当前窗口打开我们的服务器

④、输入密码等待一小会

如果账户密码都正确，那么左下角会出现一个

⑤、回到我们的资源管理器点击打开文件夹

当我们选择好相应的目录之后,vs code很智能的会列出相应的文件, 找到我们的项目目录后按回车:

这个时候vs code就会在资源管理器上列出我们刚才创建的文件夹和文件:

当我们在本地修改内容如下:

⑥、回到我们的xshell中查看文件

可以发现我们在vs code中更改的文件已经更新到了linux服务器中。

⑦、当我们不用的时候需要点击左下角的蓝色连接然后进行关闭

不然每次重启vs code都会被要求输入密码，连接该服务器。

本文章修改于 2019/12/06 16:52:14

标签：

无