遠程開發初探 - VS Code Remote Development

遠程開發初探 – VS Code Remote Development

2019 年 10 月 4 日
筆記

文章轉載自公眾號玩轉VS Code ，作者牛岱

如果你是學生，你還在你的 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-here    scp %USERPROFILE%.sshid_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 文件拷貝到你的遠程伺服器去。

配置完畢~~~~