VS Code 如何遠端編輯你的程式碼

前言

有時候當我們想編輯雲上server裡的檔案時, 一般的作法就是SSH進去, 接著用vim開檔案編輯

但是不管是用vim 還是用 nano, 這些編輯器的介面實在是有夠醜的

用過VS Code 的人應該都知道, 他的介面簡單又好看, 而且還有Code Syntax Highlight等功能, 讓我們在編輯時不會看到眼花撩亂



今天就來分享如何用VS Code來做遠端編輯

Step 1. 安裝必要的Plugin

打開VS Code 進入Extension的頁面後(Ctrl + Shift + x), 搜尋SSH FS並且安裝

Step 2.  打開User Setting

File > Preferences > Settings (或是Ctrl + , )

搜尋 sshfs.configs

選擇 Edit in settings.json

Step 3. 編輯連線資訊(包含位址帳密等等)

Step 4. 連線

鍵盤上按F1選擇SSH FS: Connect as Workspace folder這個指令

最後,

若連線成功的話, 就可以在左手邊側欄看到遠端伺服器裡的檔案以及資料夾

Ref:
https://marketplace.visualstudio.com/items?itemName=Kelvin.vscode-sshfs