太香了，VSCode遠(yuǎn)程開(kāi)發(fā)插件，值得一試

大家好，我是小麥。

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

但是，如果你電腦配置了遠(yuǎn)程辦公，這種問(wèn)題就迎刃而解了。

首先說(shuō)下VSCode遠(yuǎn)程開(kāi)發(fā)的工作原理，大致是這樣的：

VS Code 遠(yuǎn)程開(kāi)發(fā)原理

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

SSH程序

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

環(huán)境變量

要能連上遠(yuǎn)程主機(jī)，首先我們需要下載VS Code遠(yuǎn)程開(kāi)發(fā)插件，VS Code其實(shí)是提供了一個(gè)遠(yuǎn)程開(kāi)發(fā)插件包，包括：

遠(yuǎn)程開(kāi)發(fā)插件

• Remote - SSH - 通過(guò)使用 SSH 鏈接虛擬或者實(shí)體Linux主機(jī)。
• Remote - Containers – 連接 Docker 開(kāi)發(fā)容器。
• Remote - WSL - 連接 Windows Subsystem for Linux （Linux子系統(tǒng)）。

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

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

機(jī)器配置

1. 修改 ssh 配置文件，用于登錄遠(yuǎn)程機(jī)器，各項(xiàng)含義在圖中有說(shuō)明。

SSH配置文件

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

登錄遠(yuǎn)程服務(wù)

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

打開(kāi)遠(yuǎn)程目錄

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

本地插件和遠(yuǎn)程插件

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

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

• 打開(kāi)win cmd終端，輸入 ssh-keygen -t rsa 生成秘鑰對(duì)

秘鑰列表

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

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

這套遠(yuǎn)程開(kāi)發(fā)環(huán)境最大的好處是不用給電腦裝太多軟件，即使是電腦配置低點(diǎn)都沒(méi)關(guān)系，因?yàn)樗械木庉嬈鞑寮U(kuò)展和代碼都在云端，通過(guò) SSH 連接操作一個(gè)VS Code打遍所有。