快捷導(dǎo)航

服務(wù)器配置遠(yuǎn)程vscode的圖文教程

更新時(shí)間：2023年06月16日 10:42:06 作者：zeeq_

這篇文章主要介紹了服務(wù)器配置遠(yuǎn)程vscode的相關(guān)知識(shí)，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

1 使用sftp同步遠(yuǎn)程代碼

打開vscode，在擴(kuò)展種搜索sftp，點(diǎn)擊安裝。

按住快捷鍵shift+ctrl+p，可以打開界面頂部的命令行，輸入sftp，點(diǎn)擊如下圖的config選項(xiàng)：

會(huì)自動(dòng)在.vscode目錄下創(chuàng)建一個(gè)名為sftp.json的文件，內(nèi)容如下圖所示：

根據(jù)自身情況，按照如下內(nèi)容對(duì)應(yīng)修改即可：

{
    "name": "My Server",
    "host": "遠(yuǎn)程ip地址",
    "protocol": "sftp",
    "port": 遠(yuǎn)程端口號(hào),
    "username": "用戶名",
    "password": "密碼",
    "remotePath": "遠(yuǎn)程存放代碼的路徑",
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/logs/**",
        "**/__pycache__/**"
    ],
    "watcher": {
    "files": "*",
    "autoUpload": true,
    "autoDelete": true
    },
    "uploadOnSave": true,
    "downloadOnOpen":false,
    "useTempFile": false,
    "openSsh": false
}

完成后，我們可以發(fā)現(xiàn)左側(cè)欄多了一個(gè)紙張上面一朵云的SFTP圖標(biāo)。此時(shí)，我們可以在資源管理器空白處右擊鼠標(biāo)，可以看到Sync Local -> Remote選項(xiàng)，點(diǎn)擊它，我們就可以把當(dāng)前vscode窗口打開的代碼文件夾同步到遠(yuǎn)程服務(wù)器上了，同步路徑就是上面json配置文件所填寫的。

在同步時(shí)，如果細(xì)心點(diǎn)，我們可以觀察到，vscode左下角的狀態(tài)欄會(huì)一直跳動(dòng)（如下圖所示），顯示local的哪個(gè)文件正在同步到remote上。當(dāng)然這個(gè)過程很快就完成了。

同步完成后，我們可以刷新并打開遠(yuǎn)程代碼路徑，即可看到同步上去的代碼了。

2 使用remote-ssh運(yùn)行遠(yuǎn)程終端及內(nèi)容修改

同樣，在擴(kuò)展界面搜索remote-ssh，安裝。

安裝完成后可以在左側(cè)菜單欄看到多了一個(gè)遠(yuǎn)程資源管理器的圖標(biāo)（一個(gè)電腦兩個(gè)對(duì)著的尖括號(hào)）。單擊該圖標(biāo)，右上角選擇remote：

然后點(diǎn)擊SSH欄右側(cè)的加號(hào)，會(huì)在vscode頂部彈出一個(gè)欄，根據(jù)提示填寫即可，內(nèi)容為ssh 用戶名@遠(yuǎn)程ip:端口號(hào)，其中:端口號(hào)非必須選項(xiàng)，如果有就要填寫。填寫完成后回車默認(rèn)保存即可。

完成后可以在remote窗口看到新添加的遠(yuǎn)程連接選項(xiàng)，可以右鍵，選擇在當(dāng)前窗口或者是新建窗口中進(jìn)行遠(yuǎn)程連接。

比如我們選擇在新窗口中建立連接的話，就會(huì)彈出一個(gè)新的vscode窗口，首先需要我們選擇遠(yuǎn)程平臺(tái)的類型，服務(wù)器的話一般都是linux。接下來會(huì)繼續(xù)要求我們輸入密碼，輸入并回車即可。

成功連接上以后，我們就進(jìn)入到遠(yuǎn)程終端了，可以看到左下角綠色矩形顯示了當(dāng)前的連接狀態(tài)，是SSH遠(yuǎn)程服務(wù)器的。在當(dāng)前vscode里的所有修改都是針對(duì)遠(yuǎn)程的。我們可以選擇新建文件創(chuàng)建新的文件，也可以選擇打開遠(yuǎn)程的文件或者文件夾。

ssh-remote的用處可不止是修改遠(yuǎn)程代碼，我覺得一個(gè)更重要的功能是，在remote環(huán)境下，我們可以在vscode中打開遠(yuǎn)程的終端了，這樣就可以使用終端來運(yùn)行遠(yuǎn)程的代碼。

3 配合使用

基于這兩個(gè)插件，我們就可以實(shí)現(xiàn)將本地代碼和遠(yuǎn)程代碼進(jìn)行同步，以及對(duì)遠(yuǎn)程代碼或文件進(jìn)行增刪修改等操作了。但是我們是在本地進(jìn)行代碼修改然后同步到遠(yuǎn)程，還是直接修改遠(yuǎn)程的代碼然后同步回來，這是需要明確的。不然如果兩邊都進(jìn)行了不同的修改，就有可能會(huì)產(chǎn)生沖突了。我的一個(gè)使用策略就是，在本地進(jìn)行代碼修改，完成后通過sftp將本地代碼同步到遠(yuǎn)程，然后使用ssh-remote的遠(yuǎn)程終端，在遠(yuǎn)程運(yùn)行代碼。然后在本地修改的代碼，也可以及時(shí)使用git同步到云端，這樣更穩(wěn)妥些。
運(yùn)行遠(yuǎn)程代碼時(shí)候也要注意，有可能因?yàn)闆]有配置好環(huán)境變量，我們無法直接使用python、pip、conda等命令，需要指定到conda的bin目錄然后執(zhí)行，也即：

/opt/conda/bin/python3
/opt/conda/bin/pip
/opt/conda/bin/conda
export PATH=$PATH:/usr/bin/
export PATH=$PATH:/opt/conda/bin/

舉個(gè)例子，比如要用pip安裝numpy，命令為：

/opt/conda/bin/pip install numpy

參考文獻(xiàn)：
vscode本地與服務(wù)器遠(yuǎn)程同步代碼
 vscode連接遠(yuǎn)程服務(wù)器（傻瓜式教學(xué)）
VSCode 使用ssh遠(yuǎn)程鏈接服務(wù)器時(shí)報(bào)錯(cuò) Downloading VS Code Server failed

到此這篇關(guān)于服務(wù)器配置遠(yuǎn)程vscode的文章就介紹到這了,更多相關(guān)服務(wù)器配置遠(yuǎn)程vscode內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: