VS Code幾乎是所有的程序員必備的工具之一,據(jù)說全球一般的開發(fā)者都使用過VS Code這款工具。
今天分享一篇 VS Code 實現(xiàn)遠程辦公相關(guān)的文章。
1、概 述
通常,我們都是每天到工作的辦公室進行辦公,但是,如果下班回家,或者出差,此時如果馬上需要重要的文件,或者升級一下代碼,是不是必須要回到辦公室才行啊?
但是,如果你電腦配置了遠程辦公,這種問題就迎刃而解了。
首先說下VS Code遠程開發(fā)的工作原理,大致是這樣的:
VS Code 遠程開發(fā)原理 下面結(jié)合Win10、Linux云主機給大家講講實現(xiàn)遠程開發(fā)的方法。
2、遠程開發(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)試
3、配置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)力,所以今天來分享給大家。
審核編輯:劉清
-
嵌入式
+關(guān)注
關(guān)注
5087文章
19150瀏覽量
306357 -
Linux
+關(guān)注
關(guān)注
87文章
11324瀏覽量
209938 -
SSH
+關(guān)注
關(guān)注
0文章
189瀏覽量
16363 -
vscode
+關(guān)注
關(guān)注
1文章
155瀏覽量
7745
原文標題:嵌入式中利用VS Code 遠程開發(fā)原理
文章出處:【微信號:嵌入式開發(fā)愛好者,微信公眾號:嵌入式開發(fā)愛好者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
發(fā)布評論請先 登錄
相關(guān)推薦
基于VS Code開發(fā)嵌入式
如何設(shè)置VS代碼配置來調(diào)試嵌入式處理器
![如何設(shè)置<b class='flag-5'>VS</b>代碼配置來調(diào)試<b class='flag-5'>嵌入式</b>處理器](https://file1.elecfans.com/web2/M00/B4/66/wKgZomVulFSAb4ohAAAXycng_DI620.png)
如何利用FPGA和嵌入式系統(tǒng)設(shè)計遠程監(jiān)控系統(tǒng)?
怎樣用WSL搭建嵌入式開發(fā)環(huán)境
講述構(gòu)建VS Code集成開發(fā)環(huán)境的方法
如何才能高效進行嵌入式開發(fā)的學習呢
如何調(diào)試嵌入式代碼?
VS Code + gdbserver嵌入式arm遠程調(diào)試的過程是怎樣的
構(gòu)建VS Code集成開發(fā)環(huán)境教程
基于嵌入式WinCE的遠程數(shù)據(jù)采集系統(tǒng)
![基于<b class='flag-5'>嵌入式</b>WinCE的<b class='flag-5'>遠程</b>數(shù)據(jù)采集系統(tǒng)](https://file1.elecfans.com//web2/M00/A5/89/wKgZomUMOOCAHY6_AAGBABtdito436.jpg)
使用IDE(vs code)進行嵌入式linux驅(qū)動開發(fā)
![使用IDE(<b class='flag-5'>vs</b> <b class='flag-5'>code</b>)<b class='flag-5'>進行</b><b class='flag-5'>嵌入式</b>linux驅(qū)動<b class='flag-5'>開發(fā)</b>](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
嵌入式系統(tǒng)開發(fā)環(huán)境的構(gòu)建03:構(gòu)建VS Code集成開發(fā)環(huán)境
![<b class='flag-5'>嵌入式</b>系統(tǒng)<b class='flag-5'>開發(fā)</b>環(huán)境的構(gòu)建03:構(gòu)建<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>集成<b class='flag-5'>開發(fā)</b>環(huán)境](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
評論