远程开发初探 - VS Code Remote Development

如果你是学生，你还在你的 windows 电脑上为各种环境配置头疼的时候，你应该了解一下 Remote Development。

如果你喜欢 linux 的开发环境和舒适的 shell，但却不舍得抛弃 windows/macos 图形界面给你带来的用户体验和一些软件的兼容(QQ, 微信), 那么 Remote Development 是你最好的选择。

如果你还在纠结更换电脑需要重新配置本地环境，装 python，装 jre，装 node... Remote Development 将一举解决此问题，将开发环境和本地解耦。

如果你的开发需要更好的网络，更强的性能，想着提升本地机器性能的同时，你也要思考下，是否可以利用服务器的网络和性能，来进行 Remote Development。

这篇文章，小岱将带你从零开始，购买云服务器，配置 ssh，安装相关 VSCode 插件，实现远程开发。

购买/配置自己的云服务器

由于本文主要面向学生群体, 将假设读者具有学生身份,或者不满二十五岁。

我们进入购买云服务器的链接：

https://cloud.tencent.com/act/campus

看到页面中的服务器，一个月十块，可以说是相当便宜了，点击购买，然后选择系统镜像，CentOS 和 Ubuntu 选一个，小岱比较喜欢 Ubuntu，选择 Ubuntu 即可，最后的配置如下：

随后进入控制台，查看你的服务器：

页面右上角，进入控制台

点击云服务器

查看我们的云服务器实例

然后对服务器进行密码重设，设置成我们自己的密码：

完成密码重设后，服务器会重启，但是速度很快，大概几秒钟就重启完毕，然后点击登录：

点击立即登录（我们的默认用户名就是 ubuntu，我们暂且就用默认的，不改了）：

输入我们刚才设置的密码，然后进入服务器终端：

欢迎你，进入了你的服务器~

配置 VS Code

VSCode 的配置很简单，只需要打开 VSCode，在插件市场中搜索 remote development：

然后安装即可，注意这是一个 Extension Pack，是几个扩展打包在一起的，它包含了 Remote-WSL，Remote-SSH，Remote-Container，我们使用的其实是 Remote-SSH 插件。

安装 SSH Client：

先在本地安装 SSH Client，只需打开（注意，就是本地，不是在服务器） powershell（管理员身份运行），一个命令解决：

# 输入命令
Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'# 你应该会看到这个结果：Name  : OpenSSH.Client~~~~0.0.1.0
State : NotPresent
Name  : OpenSSH.Server~~~~0.0.1.0
State : NotPresent

然后再来一个命令，正式安装：

# 安装 Client
Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0# 返回如下结果，说明安装成功：Path          :
Online        : True
RestartNeeded : False

配置 SSH key：

打开 command prompt，输入命令 cd %USERPROFILE%/.ssh:

然后看一下这个文件夹里的东西：

你的文件夹很可能是空的，没关系，因为我已经配置过了 ?。

配置方法：输入命令 ssh-keygen -t rsa -b 4096

输入 id_rsa ,然后会提示你设置密码, 和刚才服务器的密码设置成相同的就行, 不然容易忘。

随后，你的文件夹里应该就有前面的 id_rsa 和id_rsa.pub 这两个文件了，但是还缺一个 known_hosts。

然后继续输入如下命令：

SET REMOTEHOST=your-user-name-on-host@host-fqdn-or-ip-goes-herescp %USERPROFILE%\.ssh\id_rsa.pub %REMOTEHOST%:~/tmp.pub
ssh %REMOTEHOST% "mkdir -p ~/.ssh && chmod 700 ~/.ssh && cat ~/tmp.pub >> ~/.ssh/authorized_keys && chmod 600 ~/.ssh/authorized_keys && rm -f ~/tmp.pub"

第一个命令是设置环境变量，事实上在 cmd 中，设置环境变量只是一个命令的事。

REMOTEHOST 后面的和刚才的一样,也是 用户名 @ 主机IP 。后面两个命令是把你本地生成的 pub 文件拷贝到你的远程服务器去。

配置完毕~~~~