0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線(xiàn)課程
  • 觀(guān)看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

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

strongerHuang ? 來(lái)源:面包板社區(qū) ? 作者:strongerHuang ? 2021-04-27 10:15 ? 次閱讀

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

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

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

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

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

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

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

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

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

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

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

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

SSH程序

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

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

環(huán)境變量

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

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

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

遠(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 插件安裝即可。

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

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

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

機(jī)器配置

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

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

SSH配置文件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

秘鑰列表

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

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

4最后

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

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

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀(guān)點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • Linux
    +關(guān)注

    關(guān)注

    87

    文章

    11481

    瀏覽量

    213111
  • Win10
    +關(guān)注

    關(guān)注

    2

    文章

    710

    瀏覽量

    40955
  • vscode
    +關(guān)注

    關(guān)注

    1

    文章

    169

    瀏覽量

    8409
  • 遠(yuǎn)程辦公
    +關(guān)注

    關(guān)注

    0

    文章

    74

    瀏覽量

    6662

原文標(biāo)題:手把手教你VS Code 實(shí)現(xiàn)遠(yuǎn)程開(kāi)發(fā)的配置方法

文章出處:【微信號(hào):strongerHuang,微信公眾號(hào):strongerHuang】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    軟件平臺(tái)的使用(SC171開(kāi)發(fā)套件V3)

    .rar 4 VS code遠(yuǎn)程連接指南 8分31秒 https://t.elecfans.com/v/27884.html *附件:文檔:VS C
    發(fā)表于 04-16 17:25

    如何在VS Code中使用瑞薩RA系列MCU

    VS Code(Visual Studio Code)是微軟公司出品,它是一個(gè)免費(fèi)且多功能的代碼編輯器,幾乎支持所有主要的編程語(yǔ)言和框架。特別是最近又新加了Github Copilot功能,讓用戶(hù)
    的頭像 發(fā)表于 04-16 14:02 ?2487次閱讀
    如何在<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>中使用瑞薩RA系列MCU

    Nordic藍(lán)牙開(kāi)發(fā)不用Keil用VS code了?

    開(kāi)發(fā)工具VS Code IDE插件完成產(chǎn)品一站式編譯、燒錄等開(kāi)發(fā) nRF Connect SDK 是一款現(xiàn)代、統(tǒng)一的軟件開(kāi)發(fā)工具包,用于
    發(fā)表于 03-05 16:41

    怎么配置dlp6500二次開(kāi)發(fā)的環(huán)境,可以使用VS2013嗎?

    我想請(qǐng)問(wèn)一下,怎么配置dlp6500二次開(kāi)發(fā)的環(huán)境,可以使用VS2013嗎?有沒(méi)有什么可以參考的文件,感謝!
    發(fā)表于 02-28 06:39

    設(shè)備遠(yuǎn)程維護(hù)如何實(shí)現(xiàn)?遠(yuǎn)程維護(hù)平臺(tái)的功能特點(diǎn)

    隨著工業(yè)智能化和數(shù)字化轉(zhuǎn)型的快速推進(jìn),設(shè)備遠(yuǎn)程維護(hù)已成為企業(yè)提升運(yùn)營(yíng)效率、降低維護(hù)成本的重要手段。通過(guò)遠(yuǎn)程維護(hù)平臺(tái),企業(yè)能夠?qū)崟r(shí)監(jiān)控設(shè)備狀態(tài),快速響應(yīng)故障,實(shí)現(xiàn)設(shè)備的高效管理和維護(hù)。本文將詳細(xì)
    的頭像 發(fā)表于 02-21 15:50 ?377次閱讀
    設(shè)備<b class='flag-5'>遠(yuǎn)程</b>維護(hù)如何<b class='flag-5'>實(shí)現(xiàn)</b>?<b class='flag-5'>遠(yuǎn)程</b>維護(hù)平臺(tái)的功能特點(diǎn)

    用MCUXPresso for VS Code插件 從0開(kāi)始打造HelloWorld

    上一篇中Zephyr的Hello 2025,Hello World,小編為大家介紹了使用MCUXPresso for VS Code插件來(lái)導(dǎo)入一個(gè)Hello World工程。?相信一定有玩家躍躍欲試
    的頭像 發(fā)表于 01-16 09:20 ?1181次閱讀
    用MCUXPresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>插件 從0開(kāi)始打造HelloWorld

    使用MCUXpresso for VS Code插件開(kāi)發(fā)Zephyr的hello world

    本期來(lái)到Zephyr實(shí)戰(zhàn)經(jīng)驗(yàn)演練,小編帶著大家一起使用MCUXpresso for VS Code插件來(lái)開(kāi)發(fā)一個(gè)屬于Zephyr的hello world。
    的頭像 發(fā)表于 01-03 09:21 ?1170次閱讀
    使用MCUXpresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>插件<b class='flag-5'>開(kāi)發(fā)</b>Zephyr的hello world

    Zephyr領(lǐng)進(jìn)門(mén)系列:MCUXPresso for VS Code插件安裝

    一套PC端的Zephyr OS開(kāi)發(fā)環(huán)境。話(huà)不多說(shuō),開(kāi)整! 1.??安裝VS Code 相信不少小伙伴已經(jīng)將VS Code當(dāng)作裝機(jī)必備工具了,
    的頭像 發(fā)表于 12-19 09:53 ?1924次閱讀
    Zephyr領(lǐng)進(jìn)門(mén)系列:MCUXPresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>插件安裝

    IAR升級(jí)VS Code調(diào)試擴(kuò)展,引入Listwindow技術(shù)

    IAR近日宣布對(duì)VS Code中的調(diào)試擴(kuò)展IAR C-SPY調(diào)試器進(jìn)行了重要升級(jí)。此次升級(jí)的核心亮點(diǎn)在于引入了IAR獨(dú)有的Listwindow技術(shù),為嵌入式設(shè)備調(diào)試設(shè)立了新的標(biāo)桿
    的頭像 發(fā)表于 12-11 11:15 ?725次閱讀

    ?IAR C-SPY為VS Code社區(qū)樹(shù)立調(diào)試新標(biāo)準(zhǔn)

    全球領(lǐng)先的嵌入式系統(tǒng)開(kāi)發(fā)軟件解決方案供應(yīng)商IAR宣布,對(duì)VS Code中的調(diào)試擴(kuò)展IAR C-SPY調(diào)試器進(jìn)行了重大升級(jí)。此次升級(jí)引入了IAR的Listwindow技術(shù),進(jìn)一步提升了調(diào)試能力,使IAR C-SPY調(diào)試器在
    的頭像 發(fā)表于 12-06 10:27 ?647次閱讀

    打破網(wǎng)絡(luò)邊界:P2Link助力實(shí)現(xiàn)高效遠(yuǎn)程訪(fǎng)問(wèn)與內(nèi)網(wǎng)穿透

    專(zhuān)用網(wǎng)絡(luò))是一種常用的解決方案,但它的配置過(guò)程復(fù)雜,且對(duì)于不具備網(wǎng)絡(luò)知識(shí)的用戶(hù)來(lái)說(shuō)并不友好。除此之外,VPN可能會(huì)增加延遲,影響使用體驗(yàn)。安全隱患:遠(yuǎn)程訪(fǎng)問(wèn)涉及到數(shù)據(jù)傳輸?shù)陌踩裕瑐鹘y(tǒng)的遠(yuǎn)程訪(fǎng)問(wèn)
    發(fā)表于 10-31 11:54

    遠(yuǎn)程操作電腦的方法有哪些?

    隨著遠(yuǎn)程辦公、遠(yuǎn)程技術(shù)支持和跨地域協(xié)作的需求不斷增加,遠(yuǎn)程操作電腦的方法也越來(lái)越多樣化。無(wú)論是個(gè)人用戶(hù)還是企業(yè),選擇合適的遠(yuǎn)程控制
    的頭像 發(fā)表于 09-12 08:11 ?1250次閱讀
    <b class='flag-5'>遠(yuǎn)程</b>操作電腦的<b class='flag-5'>方法</b>有哪些?

    樹(shù)莓派gui開(kāi)發(fā)用什么ide

    ,非常適合樹(shù)莓派開(kāi)發(fā)。 安裝 :可以通過(guò)樹(shù)莓派的軟件包管理器apt安裝VS Code。 優(yōu)點(diǎn) :界面簡(jiǎn)潔,啟動(dòng)速度快,支持
    的頭像 發(fā)表于 08-30 16:49 ?1688次閱讀

    Microchip發(fā)布面向VS Code的MPLAB擴(kuò)展早期體驗(yàn)版本

    (MPLAB Extensions)早期體驗(yàn)版本。此次發(fā)布為嵌入式設(shè)計(jì)人員提供了將項(xiàng)目從MPLAB X集成開(kāi)發(fā)環(huán)境(IDE)導(dǎo)入VS Code的工具,同時(shí)仍可使用Microchip的調(diào)試和編程支持。這一舉措是Microchip長(zhǎng)
    的頭像 發(fā)表于 08-28 10:01 ?1096次閱讀

    如何遠(yuǎn)程修改配置box文件?

    選擇售貨機(jī)~工控機(jī)~設(shè)備列表,選擇要修改的設(shè)備,點(diǎn)遠(yuǎn)程控制 遠(yuǎn)程控制窗口點(diǎn)擊配置獲取,配置獲取執(zhí)行成功會(huì)有“點(diǎn)擊下載”提示 下載的配置文件修
    發(fā)表于 07-25 07:43

    電子發(fā)燒友

    中國(guó)電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會(huì)員交流學(xué)習(xí)
    • 獲取您個(gè)性化的科技前沿技術(shù)信息
    • 參加活動(dòng)獲取豐厚的禮品