VSCode 远程开发插件快速使用

今天试用了一下 VSCode 的新插件：远程开发插件，体验很不错，它能够：

1. 让你在本地打开远程开发机上的代码，并提供和本地同样的开发体验
2. 在 VSCode 中打开远程的终端
3. 在不一样远程开发机上配置不一样的插件，把插件装在远程的目的是让操做更流畅
4. 你还能够在本地调试远程代码：断点、单步等同样都不会少
5. 支持 SSH 隧道 (SSH Tunnel) 的链接方式，这样你即可以在家里调试公司电脑上的代码了。
6. ……

本文将以 SSH 链接的方式，作一个入门介绍，更多高级功能还需你在使用过程当中慢慢发掘。

配置步骤

1. 在 VSCode 扩展栏中搜索 Remote - SSH 插件，点击安装

2. 使用 ssh-keygen 工具在本机建立 ssh 秘钥，建立时一路回车便可 (注意：Remote-SSH 插件不支持输入帐号密码的链接方式，首选的登陆方式为使用非对称秘钥登陆)

   $ ssh-keygen
   Enter file in which to save the key (/Users/fengyajie/.ssh/id_rsa): 
   Enter passphrase (empty for no passphrase):
   Enter same passphrase again:
   Your identification has been saved in /Users/fengyajie/.ssh/id_rsa.
   Your public key has been saved in /Users/fengyajie/.ssh/id_rsa.pub.
   The key fingerprint is:
   The key's randomart image is: +---[RSA 2048]----+ | .oo*++.+o++| | +o Oo+ + +| | . . o+ o o | |.. o . +o . | |o o o . S+ | |.o . . . | |+.E . .. | |o=.+ . . .. | |.=*.. .. | +----[SHA256]-----+ 复制代码

3. 将产生好的公钥发送到远端（使用 ssh-copy-id 工具），你须要将下面的 user@your_remote_host 修改成你开发机的用户名和主机名

   $ ssh-copy-id -i ~/.ssh/id_rsa.pub user@your_remote_host
   usr/bin/ssh-copy-id: INFO: Source of key(s) to be installed: "/Users/fengyajie/.ssh/id_rsa.pub"
   /usr/bin/ssh-copy-id: INFO: attempting to log in with the new key(s), to filter out any that are already installed
   /usr/bin/ssh-copy-id: INFO: 1 key(s) remain to be installed -- if you are prompted now it is to install the new keys
   
   Number of key(s) added:        1
   
   Now try logging into the machine, with:   "ssh 'user@your_remote_host'"
   and check to make sure that only the key(s) you wanted were added.
   复制代码

4. 试一下链接，正常状况下你如今就能够直接登陆到远端机器了

   $ ssh 'user@your_remote_host'
   Welcome to Alibaba Cloud Elastic Compute Service !
   Last login: Thu Jun  6 20:32:13 2019 from $local_ip
   root@iZwz946zuZ:~#
   复制代码

链接远端机器

上面配置完成后，你就可使用 VSCode 链接到远端机器了，打开 VSCode，敲入 F1 键，输入 Remote-SSH:Connect to Host，回车

接着输入你刚才配置好的 user@your_remote_host，回车

此时 VSCode 会打开一个新的窗口，在这个窗口的左下角，你会观察到一个绿色的 SSH 状态条，表示此时你的 VSCode 已经连上了远程的开发机，以下

接下来，你就能够打开左上角的文件管理侧边栏，点击 Open Folder，此时你会惊讶的发现，远端的 home 目录被列出来了：

至此，你已经在本地开启了一个「远端开发环境」，接下来你的开发任务不再受远程环境的限制了，能有这样的体验，仍是要感谢一下微软公司的贡献，真的是一款良心之做。

以上仅只是入门介绍，可让你快速的把这个插件用起来，更多高级功能，仍是建议你去阅读官方文档中的内容。

参考：

1. Remote Development using SSH
2. SSH PORT FORWARDING EXAMPLE
3. PUBLIC KEY AUTHENTICATION FOR SSH