vscode如何連接遠(yuǎn)程服務(wù)器? VSCode連接遠(yuǎn)程服務(wù)器的傻瓜式圖文教程
我要評論對于開發(fā)人員來說，Visual Studio Code（VSCode）是一個強(qiáng)大的開發(fā)工具。通過VSCode的遠(yuǎn)程開發(fā)功能，我們可以直接在本地機(jī)器上編輯和調(diào)試遠(yuǎn)程服務(wù)器上的代碼，大大提高了開發(fā)效率。下面，我將以傻瓜式的方式教你如何連接VSCode到遠(yuǎn)程服務(wù)器。
如何在遠(yuǎn)程服務(wù)器上進(jìn)行編碼呢？vscode！當(dāng)然，還有很多其他選擇，例如sublime、ultraedit等等，這里我們用非常流行的vscode來連接ubuntu服務(wù)器做講解！
1、下載vscode
下載vscode自行安裝。
2、安裝ssh插件
根據(jù)你的操作系統(tǒng)選擇對應(yīng)的版本進(jìn)行下載和安裝。安裝完成之后，啟動vscode，選擇左側(cè)Extensions 選項卡，在輸入框搜索 remote ，選擇安裝Remote-SSH插件。
安裝完成之后會在左側(cè)新增一個選項卡Remote Explorer，如下圖所示：
3、添加服務(wù)器連接配置
點(diǎn)擊該選項卡，會進(jìn)入SSH TARGETS的添加，如下圖所示：
點(diǎn)擊添加按鈕，輸入遠(yuǎn)程服務(wù)器的地址，賬號和ip根據(jù)自己的情況進(jìn)行修改，如下圖所示：
保存之后，會將剛才的連接信息存儲在 C:\Users\chaxun\.ssh\config 中。
此時就可以在SSH TARGETS中看到添加的遠(yuǎn)程服務(wù)器地址了：
4、連接服務(wù)器
右鍵選擇遠(yuǎn)程服務(wù)器，點(diǎn)擊Connect to Host in Current Window:
如果遠(yuǎn)程服務(wù)器能夠連接成功，此時會需要你輸入密碼：
相關(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，這個版本主要添加了浮動編輯器窗口、改善無障礙視圖工作流程，精細(xì)化擴(kuò)展更新控制，并更新了 GitHub Copilot 功能2023-12-09vscode出現(xiàn)event=>怎么取消? vsCode的@click方法顯示一個event=>
今天我們來看看解決 VSCode 中組件輸入點(diǎn)擊事件 @click 后自動彈出“$event =＞” 的問題的圖文教程，詳細(xì)請看下文介紹2023-11-29
VSCode和WebStorm哪個更優(yōu)秀？兩款強(qiáng)大的編輯器對比介紹
VSCode和WebStorm哪個更優(yōu)秀？這兩款編輯器都很不錯，他們各自有什么優(yōu)缺點(diǎn)？該怎么選擇呢？下面我們就來看看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-27VS Code單元焦點(diǎn)指示器槽怎么設(shè)置?
VS Code單元焦點(diǎn)指示器槽怎么設(shè)置？VS Code中想要設(shè)置單元焦點(diǎn)指示器槽的位置上，該怎么設(shè)置呢？詳細(xì)請看下文介紹2023-10-16VS Code怎么開啟緊湊視圖? VSCode設(shè)置緊密檢視的技巧
VS Code怎么開啟緊湊視圖？VS Code中可以設(shè)置視圖樣式，該怎么使用緊湊樣式呢？下面我們就來看看VSCode設(shè)置緊密檢視的技巧2023-10-16
