vscode如何連接遠程服務(wù)器? VSCode連接遠程服務(wù)器的傻瓜式圖文教程

對于開發(fā)人員來說,Visual Studio Code(VSCode)是一個強大的開發(fā)工具。通過VSCode的遠程開發(fā)功能,我們可以直接在本地機器上編輯和調(diào)試遠程服務(wù)器上的代碼,大大提高了開發(fā)效率。下面,我將以傻瓜式的方式教你如何連接VSCode到遠程服務(wù)器。
如何在遠程服務(wù)器上進行編碼呢?vscode!當(dāng)然,還有很多其他選擇,例如sublime、ultraedit等等,這里我們用非常流行的vscode來連接ubuntu服務(wù)器做講解!
1、下載vscode
下載vscode自行安裝。
2、安裝ssh插件
根據(jù)你的操作系統(tǒng)選擇對應(yīng)的版本進行下載和安裝。安裝完成之后,啟動vscode,選擇左側(cè)Extensions 選項卡,在輸入框搜索 remote ,選擇安裝Remote-SSH插件。
安裝完成之后會在左側(cè)新增一個選項卡Remote Explorer,如下圖所示:
3、添加服務(wù)器連接配置
點擊該選項卡,會進入SSH TARGETS的添加,如下圖所示:
點擊添加按鈕,輸入遠程服務(wù)器的地址,賬號和ip根據(jù)自己的情況進行修改,如下圖所示:
保存之后,會將剛才的連接信息存儲在 C:\Users\chaxun\.ssh\config 中。
此時就可以在SSH TARGETS中看到添加的遠程服務(wù)器地址了:
4、連接服務(wù)器
右鍵選擇遠程服務(wù)器,點擊Connect to Host in Current Window:
如果遠程服務(wù)器能夠連接成功,此時會需要你輸入密碼:
5、基本操作
例如我點擊Open Folder,這里就會讓你選擇打開的文件目錄:
點擊ok按鈕打開 /home/zhaxun 之后,會需要再次輸入密碼:
如果以上步驟都成功了,那么就會在文件選項卡中看到遠程服務(wù)器目錄下的所有文件了:
此時,你就可以像操作本地文件一樣進行文件的增刪改查等操作啦!
刪除文件,重命名等操作可以在右鍵菜單中找到:
當(dāng)然了,你也可以在terminal中使用shell命令進行操作!
如果下次還想打開遠程服務(wù)器怎么辦?這些信息都會存儲在Remote Explorer中,如下圖所示,此時只需要右鍵再次打開即可!
至此,咱們vscode連接遠程服務(wù)器的詳細過程就講解到這!
注意事項:
- 確保你的遠程服務(wù)器允許SSH連接。
- 如果連接失敗,檢查你的SSH配置和防火墻設(shè)置。
- 在遠程服務(wù)器上工作時,要注意數(shù)據(jù)安全,不要泄露敏感信息。
針對部分人反饋ssh連接不上,比如提示沒有可寫入的pipe,建議排查以下信息:
1、服務(wù)端的ssh端口是否開放,端口一般為22
2、服務(wù)端是否開啟了ssh-server,大部分的linux鏡像都會默認安裝開啟,但是有部分鏡像是不帶的,需要自己手動安裝一下
通過上述步驟,你應(yīng)該已經(jīng)成功地將VSCode連接到遠程服務(wù)器了。現(xiàn)在,你可以隨時隨地編輯和調(diào)試遠程服務(wù)器上的代碼,享受遠程開發(fā)的便利。希望這篇傻瓜式的教學(xué)文章能幫助你快速上手VSCode的遠程開發(fā)功能。
相關(guān)文章
VSCode如何跳轉(zhuǎn)到指定函數(shù)? vscode函數(shù)跳轉(zhuǎn)快捷鍵介紹
VSCode如何跳轉(zhuǎn)到指定函數(shù)?VSCode文檔想要跳轉(zhuǎn)到指定函數(shù)的定義或引用位置,該怎么操作呢?下面我們就來看看vscode函數(shù)跳轉(zhuǎn)快捷鍵介紹2023-12-22vscode里的終端不能執(zhí)行命令怎么辦? vscode終端無法正常執(zhí)行命令解決辦
vscode里的終端不能執(zhí)行命令怎么辦?本文將從多個角度來分析這個問題,并提供相應(yīng)的解決方法2023-12-09VS Code 1.85發(fā)布:新增浮動編輯器窗口/Copilot 可解釋 Rust 代碼等
微軟發(fā)布 VS Code 1.85,這個版本主要添加了浮動編輯器窗口、改善無障礙視圖工作流程,精細化擴展更新控制,并更新了 GitHub Copilot 功能2023-12-09vscode出現(xiàn)event=>怎么取消? vsCode的@click方法顯示一個event=>
今天我們來看看解決 VSCode 中組件輸入點擊事件 @click 后自動彈出“$event =>” 的問題的圖文教程,詳細請看下文介紹2023-11-29VSCode和WebStorm哪個更優(yōu)秀?兩款強大的編輯器對比介紹
VSCode和WebStorm哪個更優(yōu)秀?這兩款編輯器都很不錯,他們各自有什么優(yōu)缺點?該怎么選擇呢?下面我們就來看看vscode和webstorm的區(qū)別對比介紹2023-11-29VSCode主邊欄不見了怎么辦? VSCode顯示或隱藏主邊欄的方法
VSCode主邊欄不見了怎么辦?VSCode中的主邊欄找不到了,估計是被隱藏了,該怎么重新顯示呢?下面我們就來看看VSCode顯示或隱藏主邊欄的方法2023-11-27VSCode導(dǎo)航欄怎么顯示函數(shù)? VSCode設(shè)置顯示函數(shù)的方法
VSCode導(dǎo)航欄怎么顯示函數(shù)?VSCode中的函數(shù)很常用,想要顯示在導(dǎo)航欄,該怎么操作呢?下面我們就來看看VSCode設(shè)置顯示函數(shù)的方法2023-11-27VSCode怎么設(shè)置不顯示空值? VSCode不顯示空值的設(shè)置技巧
VSCode怎么設(shè)置不顯示空值?VSCode中的空值也會顯示,想要不顯示空值,該怎么操作呢?下面我們就來看看Visual Studio Code設(shè)置不顯示空值的方法2023-11-27- VS Code單元焦點指示器槽怎么設(shè)置?VS Code中想要設(shè)置單元焦點指示器槽的位置上,該怎么設(shè)置呢?詳細請看下文介紹2023-10-16
VS Code怎么開啟緊湊視圖? VSCode設(shè)置緊密檢視的技巧
VS Code怎么開啟緊湊視圖?VS Code中可以設(shè)置視圖樣式,該怎么使用緊湊樣式呢?下面我們就來看看VSCode設(shè)置緊密檢視的技巧2023-10-16