新聞中心

        EEPW首頁 > 基礎(chǔ)知識 > 關(guān)于VS Code實現(xiàn)遠(yuǎn)程開發(fā)的配置方法詳細(xì)教程

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

        作者: 時間:2021-04-27 來源:面包板社區(qū) 收藏

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

        本文引用地址:http://www.104case.com/article/202104/424917.htm

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

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

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

        首先說下VS Code遠(yuǎn)程開發(fā)的工作原理,大致是這樣的:

        c2644eb2-a680-11eb-aece-12bb97331649.png

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

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

        遠(yuǎn)程開發(fā)配置

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

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

        c271c808-a680-11eb-aece-12bb97331649.png

        SSH程序

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

        c58cd7c6-a680-11eb-aece-12bb97331649.png

        環(huán)境變量

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

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

        c5c1b69e-a680-11eb-aece-12bb97331649.png

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

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

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

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

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

        3.配置遠(yuǎn)程連接

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

        c5d0c7ba-a680-11eb-aece-12bb97331649.png

        機器配置

        修改 ssh 配置文件,用于登錄遠(yuǎn)程機器,各項含義在圖中有說明。

        c5f71ece-a680-11eb-aece-12bb97331649.png

        SSH配置文件

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

        c6083f4c-a680-11eb-aece-12bb97331649.png

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

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

        c61b1bbc-a680-11eb-aece-12bb97331649.png

        打開遠(yuǎn)程目錄

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

        c649d768-a680-11eb-aece-12bb97331649.png

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

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

        c65e450e-a680-11eb-aece-12bb97331649.png

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

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

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

        c68d0ace-a680-11eb-aece-12bb97331649.png

        秘鑰列表

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

        嘗試再次連接,不用輸密碼了,enjoy!

        4最后

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

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




        關(guān)鍵詞: vscode

        評論


        技術(shù)專區(qū)

        關(guān)閉
        主站蜘蛛池模板: 永德县| 沙坪坝区| 东源县| 泗水县| 合肥市| 新宁县| 淳化县| 仪征市| 余庆县| 镇原县| 左云县| 博乐市| 徐水县| 海阳市| 广州市| 图木舒克市| 黄陵县| 普宁市| 桐城市| 航空| 桑植县| 高安市| 忻州市| 信宜市| 繁峙县| 茂名市| 临安市| 水富县| 淮安市| 山阴县| 辉县市| 湘西| 芜湖县| 湘乡市| 黔西县| 梅州市| 民权县| 全南县| 安义县| 六安市| 临城县|