最香遠端開發解決方案！手把手教你配置VS Code遠端開發工具，工作效率提升N倍

文章每週持續更新，原創不易，「三連」讓更多人看到是對我最大的肯定。可以微信搜尋公眾號「 後端技術學堂 」第一時間閱讀（一般比部落格早更新一到兩篇）

今天和大家分享遠端開發工具，分享一下我平常是如何用 VS Code 進行遠端開發工作的，以及一步步教你搭建遠端開發環境，擁有比德芙還絲滑的遠端開發體驗。

我們廠裡為了最大程度提高工程師生產力，各種研發配套工具非常的齊全，對開發人員每人都有一臺雲主機，而且是個人主機哦，申請就有的那種，有了雲開發主機在家裡或者在公司都可以隨便折騰，加班也更方便了（好像哪裡有點不對）。

傳統的遠端開發

大家都知道我是從事後臺伺服器開發工作的，主力語言是C/C++。我們的服務端程式一般都是跑在 Linux 伺服器上面，傳統的開發流程是在 window 或 Mac 的 IDE 環境編寫程式碼，然後用 ftp 或 sync 同步程式碼到開發機上編譯，程式或服務最終釋出到測試或生產環境執行。

就我來說，以前是這麼幹的：在本地 Windows 和 Linux 雲開發機之間開啟一個同步程式，本地編輯程式碼，實時後臺同步到 Linux 雲開發機，然後用 xshell 登入開發機編譯、除錯，這個過程有點不夠優雅，現在有更香的解決方案。

更香的遠端開發

介紹下VS Code

這是一款開源編輯器，卻不止是編輯器。

Visual Studio Code（簡稱VS Code）是一個由微軟開發，同時支援Windows 、 Linux和macOS等作業系統且開放原始碼的程式碼編輯器[4]，它支援測試，並內建了Git 版本控制功能，同時也具有開發環境功能，例如程式碼補全（類似於 IntelliSense）、程式碼片段和程式碼重構等。該編輯器支援使用者個性化配置，例如改變主題顏色、鍵盤快捷方式等各種屬性和引數，同時還在編輯器中內建了擴充套件程式管理的功能 - 引用維基百科

我最喜歡的是它的外掛能力，幾乎想要啥功能都能找到外掛支援，應該不用我安利你們都會喜歡的。

在 2019 年的 Stack Overflow 組織的開發者調研中，VS Code被認為是最受開發者歡迎的開發環境，據調查87317名受訪者中有 50.7% 的受訪者聲稱正在使用VS Code。

說了這麼多，反正要表達的就是VS Code很厲害就是了。

重點來了，今天的主角功能是下面這個遠端開發擴充套件外掛。

微軟在 PyCon 2019 大會上釋出了VS Code Remote ，從 1.35.0 版本正式提供可以在本地編輯遠端開發環境的檔案的功能，所以首先確保你的VS Code版本是在這個之上的才能體驗到。

VS Code遠端開發的工作原理，大致是這樣的：

下面講講如何配置，我的Local OS是 Win10 , Remote OS 是 Linux雲主機。

遠端開發配置

配置SSH環境變數

遠端開發本地 VS Code 用 SSH 協議與遠端服務端通訊，所以要先配置SSH環境變數，由於Git自帶SSH客戶端程式

如果你還沒裝Git的話，這裡要先安裝 Git，所以配置 Git 的 bin目錄到環境變數的 PATH 變數下，這樣VS Code連線的時候就能找到它了。

安裝遠端開發外掛

要能連上遠端主機，首先我們需要下載VS Code遠端開發外掛，VS Code其實是提供了一個遠端開發外掛包，包括：

• Remote - SSH - 通過使用 SSH 連結虛擬或者實體Linux主機。
• Remote - Containers – 連線 Docker 開發容器。
• Remote - WSL - 連線 Windows Subsystem for Linux （Linux子系統）。

開啟軟體的擴充套件介面，搜尋 Remote 開頭的外掛，也能看到這三個的不同遠端開發外掛，我們這裡連線的是雲主機，選擇安裝 Remote - SSH 外掛安裝即可。

配置遠端連線

1. 首先點側邊欄的「遠端資源管理器」之後點選「設定按鈕」，進入遠端機器配置介面。

2. 修改 ssh 配置檔案，用於登入遠端機器，各項含義在圖中有說明。

3. 點選連線，登入遠端伺服器，需要輸入幾次遠端伺服器的密碼（後面會教你怎麼免密登入），輸入確認即可。第一次連線會做VS Code Server的初始化工作比較慢，耐心等待。

4. 登入成功，即可像操作本地環境一樣，在VS Code客戶端操作遠端雲主機上的檔案。注意，下圖中的「開啟資料夾」已經是遠端機器上的目錄結構了。

4. 可以給遠端VS Code 安裝外掛，安裝的外掛是在雲伺服器的VS Code上，對本機的VS Code沒有影響，外掛在遠端提供功能，比如程式碼審查、自動補齊等等，而這所有的一切就像在本地操作一樣，對檔案的更改也是直接操作的雲主機上的檔案，絲滑連線。

4. 程式碼編輯與遠端終端除錯。開啟檔案編輯的是雲伺服器的檔案，同時可以開啟雲服務終端，直接在終端操作編譯或者檢視雲伺服器資訊。

配置SSH免密登入

按照上面的配置步驟，每次連線到遠端伺服器，都需要輸入伺服器登入密碼很麻煩，可以配置SSH免密登入，免去每次輸入密碼的煩惱，具體操作步驟如下：

• 開啟win cmd終端，輸入 ssh-keygen -t rsa 生成祕鑰對

• 開啟生成的祕鑰儲存路徑，拷貝 id_rsa.pub 內容，新增到到雲伺服器的 ~/.ssh/authorized_keys 檔案後面。

• 嘗試再次連線，不用輸密碼了，enjoy.

寫在最後

這套遠端開發環境體驗下來，我整體是比較滿意的，最大的好處是不用給電腦裝太多軟體，選擇VS Code是因為需要經常在C++/Python/Go三種IDE之間切換比較麻煩，現在即使是電腦配置低點都沒關係，因為所有的編輯器外掛擴充套件和程式碼都在雲端，通過 SSH 連線操作一個VS Code打遍所有。

而且由於遠端開發外掛的存在，不論我在哪裡，只要有電腦都能方便的開啟雲端開發環境，非常的方便，這麼好用的工具大幅提升生產力，所以今天來分享給大家。

老規矩。感謝各位的閱讀，文章的目的是分享對知識的理解，技術類文章我都會反覆求證以求最大程度保證準確性，若文中出現明顯紕漏也歡迎指出，我們一起在探討中學習。

今天的技術分享就到這裡，我們下期再見。

原創不易，不想被白票，如果在我這有收穫，就動動手指「在看」「轉發」是對我持續創作的最大支援。

可以微信搜尋公眾號「 後端技術學堂 」回覆「資料」「1024」有我給你準備的各種程式設計學習資料。文章每週持續更新，我們下期見！