VSCode 遠程開發插件快速使用

architecture-ssh.png

今天試用了一下 VSCode 的新插件:遠程開發插件,體驗很不錯,它可以:

  1. 讓你在本地打開遠程開發機上的代碼,并提供和本地一樣的開發體驗
  2. 在 VSCode 中打開遠程的終端
  3. 在不同遠程開發機上配置不同的插件,把插件裝在遠程的目的是讓操作更流暢
  4. 你還可以在本地調試遠程代碼:斷點、單步等一樣都不會少
  5. 支持 SSH 隧道 (SSH Tunnel) 的連接方式,這樣你便可以在家里調試公司電腦上的代碼了。
  6. ……

本文將以 SSH 連接的方式,做一個入門介紹,更多高級功能還需你在使用過程中慢慢發掘。

配置步驟

  1. 在 VSCode 擴展欄中搜索 Remote - SSH 插件,點擊安裝
  1. 使用 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]-----+
    
  2. 將產生好的公鑰發送到遠端(使用 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.
    
  3. 試一下連接,正常情況下你現在就可以直接登錄到遠端機器了

    $ 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
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容