關(guān)于VS Code實現(xiàn)遠程開發(fā)的配置方法詳細教程

VS Code幾乎是所有的程序員必備的工具之一，據(jù)說全球一般的開發(fā)者都使用過VS Code這款工具。

今天為大家介紹一下 VS Code 實現(xiàn)遠程辦公的方法。

概述通常，我們都是每天到工作的辦公室進行辦公，但是，如果下班回家，或者出差，此時如果馬上需要重要的文件，或者升級一下代碼，是不是必須要回到辦公室才行??？

但是，如果你電腦配置了遠程辦公，這種問題就迎刃而解了。

首先說下VS Code遠程開發(fā)的工作原理，大致是這樣的：

VS Code 遠程開發(fā)原理

下面結(jié)合Win10、Linux云主機給大家講講實現(xiàn)遠程開發(fā)的方法。

遠程開發(fā)配置

1.配置SSH環(huán)境變量

我們遠程開發(fā)本地 VS Code 用 SSH 協(xié)議與遠程服務(wù)端通信。所以需要配置SSH環(huán)境變量，我們使用Git自帶SSH客戶端程序：

SSH程序

如果你還沒裝Git的話，建議先安裝 Git，所以配置 Git 的 bin目錄到環(huán)境變量的 PATH 變量下，這樣VS Code連接的時候就能找到它了。

環(huán)境變量

2.安裝遠程開發(fā)插件

要能連上遠程主機，首先我們需要下載VS Code遠程開發(fā)插件，VS Code其實是提供了一個遠程開發(fā)插件包，包括：

遠程開發(fā)插件

Remote - SSH - 通過使用 SSH 鏈接虛擬或者實體Linux主機。

Remote - Containers – 連接 Docker 開發(fā)容器。

Remote - WSL - 連接 Windows Subsystem for Linux （Linux子系統(tǒng)）。

打開軟件的擴展界面，搜索 Remote 開頭的插件，也能看到這三個的不同遠程開發(fā)插件。我們這里連接的是云主機，選擇安裝 Remote - SSH 插件安裝即可。

3.配置遠程連接

首先點左側(cè)邊欄的「遠程資源管理器」之，然后再點擊「設(shè)置按鈕」，進入遠程機器配置界面。

機器配置

修改 ssh 配置文件，用于登錄遠程機器，各項含義在圖中有說明。

SSH配置文件

點擊連接，登錄遠程服務(wù)器，需要輸入幾次遠程服務(wù)器的密碼（后面會教你怎么免密登錄），輸入確認即可。第一次連接會做VS Code Server的初始化工作比較慢，耐心等待。

登錄遠程服務(wù)

登錄成功，即可像操作本地環(huán)境一樣，在VS Code客戶端操作遠程云主機上的文件。注意，下圖中的「打開文件夾」已經(jīng)是遠端機器上的目錄結(jié)構(gòu)了。

打開遠程目錄

給遠程VS Code 安裝插件。安裝的插件是在云服務(wù)器的VS Code上，對本機的VS Code沒有影響，插件在遠端提供功能，比如代碼審查、自動補齊等等，而這所有的一切就像在本地操作一樣，對文件的更改也是直接操作的云主機上的文件，絲滑連接。

本地插件和遠程插件

代碼編輯與遠程終端調(diào)試。打開文件編輯的是云服務(wù)器的文件，同時可以打開云服務(wù)終端，直接在終端操作編譯或者查看云服務(wù)器信息。

遠程編輯和調(diào)試

配置SSH免密登錄按照上面的配置步驟，每次連接到遠程服務(wù)器，都需要輸入服務(wù)器登錄密碼很麻煩，可以配置SSH免密登錄，免去每次輸入密碼的煩惱，具體操作步驟如下：

打開win cmd終端，輸入 ssh-keygen -t rsa 生成秘鑰對

秘鑰列表

打開生成的秘鑰保存路徑，拷貝 id_rsa.pub 內(nèi)容，添加到到云服務(wù)器的 ~/.ssh/authorized_keys 文件后面。

嘗試再次連接，不用輸密碼了，enjoy！

4最后

這套遠程開發(fā)環(huán)境最大的好處是不用給電腦裝太多軟件，即使是電腦配置低點都沒關(guān)系，因為所有的編輯器插件擴展和代碼都在云端，通過 SSH 連接操作一個VS Code打遍所有。

而且由于遠程開發(fā)插件的存在，不論我在哪里，只要有電腦都能方便的打開云端開發(fā)環(huán)境，非常的方便，這么好用的工具大幅提升生產(chǎn)力，所以今天來分享給大家。