前言

为什么突然想到了vscode远程开发,其实是因为在知乎上看到了一个问题,某人的回答指出了是因为vscode能够远程开发,他才抛弃了其他工具,转向了vscode。

其实对于我一个转向前端的程序员👨‍💻,使用vscode也是迟早的事情。虽然jetbrains全家桶很X,但是有时候会卡住,而且时间长了,打开还得等一会儿。。

目前我只有开发python才会使用。当然了,等这段时间过了,估计也会很长一段时间不会碰python了,所以转向vscode了。-小康博客

快速开始

为vscode安装插件

插件名为Remote Development

地址https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

当然了,直接搜索也是可以的。

安装这个插件,会连同最上面那四个一起安装,虽然不知道为啥。

生成密钥对

密钥对对于搞Hexo的小伙伴相信都不陌生,对于开发者来说应该更不陌生。生成的命令很简单

ssh-keygen -t rsa -C "youremail@example.com"

然后一路回车即可。如果遇到问题,请自行百度。

密钥对生成好了之后,默认的位置是用户目录的.ssh里。例如我的用户名是antmoe那么我的文件就在C:\Users\antmoe\.ssh里。我们进入这个文件,将里边的id_rsa.pub文件用文本文档打开。

这里推荐一款工具:notepad++ 免费而且贼好用。

复制里边的内容

为服务器添加公钥

我们登录服务器,在你个人用户的目录新建一个.ssh目录,并赋予权限700,然后在这个目录里新建一个文件authorized_keys 里边写入我们公钥的内容,并赋予权限600

如果你是Linux小白或者忘了Linux的命令,那么我在这里提供命令哦!

mkdir ~/.ssh
chmod 700 ~/.ssh/
vi ~/.ssh/authorized_keys
chmod 600 ~/.ssh/authorized_keys

关于第三行使用了vi编辑器,如果你不会用或想了解这款工具请自行百度,这里只提供粘贴公钥和保存的基本操作。

  1. 粘贴公钥

    当输入第三步的命令后,看到了一个黑框框,我们按键盘上的字母键i,然后左下角会提示INSERT或者提示插入或者插入模式。这都是一样么。

    然后我们按鼠标的右键,粘贴复制的公钥内容。

  2. 保存内容

    保存也很简单,我们先按键盘左上角的ESC建。然后输入:wq(左下角会显示)

vscode连接

进入vscode,你会看到左边菜单栏多出了一个小电脑的标志,我们点它。

左边那里选择SSH Targels,然后点击小齿轮选择user/用户名/.ssh/config 这样的,通常是第一个或者第二个。然后就可以看到上边的配置界面了。

测试连接

不出意外的话,这是就可以连接成功了。

可能会遇到的问题

Bad owner or permissions on C:\Users\Administrator/.ssh/config

Windows 下 VSCode 使用 SSH 连接报 Bad owner or permissions on C:\Users\Administrator/.ssh/config 错误问题

这个错误意味着:文件夹.ssh 的权限不仅仅是windows 当前用户拥有或者当前用户权限不足,故修改权限即可。

解决方案很简单,找到我们的.ssh文件,进入里边会有一个config的文件。

  1. 右键单击.ssh文件夹,然后单击“属性”。
  2. 找到并点击“安全”标签。
  3. 然后单击“高级”。 单击“禁用继承”,单击“确定”。 将出现警告弹出窗口。单击“从此对象中删除所有继承的权限”。
  4. 你会注意到所有用户都将被删除。让我们添加所有者。在同一窗口中,单击“编辑”按钮。
  5. 接下来,单击“添加”以显示“选择用户或组”窗口。
  6. 单击“高级”,然后单击“立即查找”按钮。应显示用户结果列表。 选择您的用户帐户
  7. 然后单击“确定”(大约三次)以关闭所有窗口。
  8. 完成所有操作后,再次关闭并打开VSCode 并尝试连接到远程SSH主机。

此解决方案来源于CSDN博客犹新

更多问题

如果遇到其他问题,可以在下方留言哦!

最后

现在已经是晚上11点钟了,刚刚写完这篇文字,大约花费了40分钟的时间。说真的。现在越来越觉得vscode牛X了。

不过经过我的测试 远程开发并不好用,经常会遇到掉线的情况。。不知道是因为服务器的原因还是我的网络原因。

但是虚拟机好像没有掉线过,所以我的开发流程变成了

  1. 打开虚拟机
  2. vscode远程连接
  3. 开发

好了 晚安 睡觉 -小康博客