VSCode 遠端開發外掛快速使用

今天試用了一下 VSCode 的新外掛：遠端開發外掛，體驗很不錯，它可以：

1. 讓你在本地開啟遠端開發機上的程式碼，並提供和本地一樣的開發體驗
2. 在 VSCode 中開啟遠端的終端
3. 在不同遠端開發機上配置不同的外掛，把外掛裝在遠端的目的是讓操作更流暢
4. 你還可以在本地除錯遠端程式碼：斷點、單步等一樣都不會少
5. 支援 的連線方式，這樣你便可以在家裡除錯公司電腦上的程式碼了。
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 目錄被列出來了：

至此，你已經在本地開啟了一個「遠端開發環境」，接下來你的開發任務再也不受遠端環境的限制了，能有這樣的體驗，還是要感謝一下微軟公司的貢獻，真的是一款良心之作。

以上僅只是入門介紹，可以讓你快速的把這個外掛用起來，更多高階功能，還是建議你去閱讀中的內容。

參考：