跳到主要內容

透過 VS Code 實現遠端開發


透過 VS Code 實現遠端開發


在軟體開發領域中,無縫的協作和高效的工作流程至關重要。隨著像 Visual Studio Code(VS Code)這樣的遠端開發工具的出現,開發人員現在可以在世界各地的任何地方工作,而不會影響生產力或性能。VS Code 中一個強大的功能是其遠端開發擴展包,它使開發人員可以直接從本地開發環境在遠端伺服器、容器和虛擬機上輕鬆工作。

今天,我們將深入探討使用 VS Code 進行遠端開發的細節,特別是基於 SSH 的遠端開發,這是開發人員中很受歡迎的選擇,因為它安全且簡單。

設定 SSH 進行遠端開發

在深入研究使用 VS Code 進行遠端開發之前,建立 SSH 存取您的遠端伺服器是至關重要的。以下是一個逐步指南,幫助您入門:

1. **生成 SSH 金鑰**:首先,在本地機器上使用 `ssh-keygen` 命令生成 SSH 金鑰。這將創建一對公鑰和私鑰。

2. **將公鑰傳送到伺服器**:將公鑰(`~/.ssh/id_rsa.pub`)的內容複製並附加到遠端伺服器上的 `~/.ssh/authorized_keys` 文件。這將允許您的本地機器通過 SSH 與伺服器進行身份驗證。

3. **保護 SSH 目錄**:確保遠端伺服器和本地機器上的 `~/.ssh` 目錄具有適當的權限和所有權。這可以使用 `chmod` 和 `chown` 命令完成,如下所示:

bash
chmod -R go= ~/.ssh
chown -R username:username ~/.ssh


配置 VS Code 進行遠端開發

一旦配置了 SSH 存取,接下來使用 VS Code 做遠端開發就會變得輕而易舉:

1. 安裝遠端開發擴展包:打開 VS Code 並安裝遠端開發擴展包。該擴展包包括 SSH、容器和 WSL 的擴展,允許在不同環境中輕鬆進行遠端開發。

2. 連接到遠端主機:按下 `F1` 鍵打開命令面板,選擇“Remote-SSH: Connect to Host”。輸入您的遠端伺服器的 SSH 連接字符串(使用者名@主機名)。

3. 進行身份驗證:VS Code 將提示您使用 SSH 金鑰進行身份驗證。身份驗證成功後,VS Code 將建立到遠端伺服器的安全 SSH 連接。

4. 開始編碼:完成!現在已經在 VS Code 中連接到遠端伺服器, 所有更改都將即時同步。


總之,VS Code 的遠端開發擴展包徹底改變了開發人員協作和遠端項目工作的方式。通過利用基於 SSH 的遠端開發,開發人員可以在遠端伺服器、容器或虛擬機上輕鬆訪問 VS Code 的功能豐富環境。


Reference:
https://code.visualstudio.com/blogs/2019/05/02/remote-development

留言

這個網誌中的熱門文章

[解決方法] docker: permission denied

前言 當我們執行docker 指令時若出現以下錯誤訊息 docker: Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Post http://%2Fvar%2Frun%2Fdocker.sock/v1.26/containers/create: dial unix /var/run/docker.sock: connect: permission denied. See 'docker run --help'. 表示目前的使用者身分沒有權限去存取docker engine, 因為docker的服務基本上都是以root的身分在執行的, 所以在指令前加sudo就能成功執行指令 但每次實行docker指令(就連docker ps)都還要加sudo實在有點麻煩, 正確的解法是 我們可以把目前使用者加到docker群組裡面, 當docker service 起來時, 會以這個群組的成員來初始化相關服務 sudo groupadd docker sudo usermod -aG docker $USER 需要退出重新登錄後才會生效 Workaround 因為問題是出在權限不足, 如果以上方法都不管用的話, 可以手動修改權限來解決這個問題 sudo chmod 777 /var/run/docker.sock https://docs.docker.com/install/linux/linux-postinstall/

[C#] Visual Studio, 如何在10分鐘內快速更改命名專案名稱

前言: 由於工作需要, 而且懶得再重寫類似的專案, 所以常常將之前寫的專案複製一份加料後, 再重新命名編譯 假設今天我有一個專案HolyUWP, 我想把它重新命名成 BestUWP 時該怎麼做? 以下是幾個簡單的的步驟 使用Visual Studio 2017 備份原來專案 更改Solution名稱 更改Assembly name, Default namespce 更改每支程式碼的Namespace 更改專案資料夾名稱 備份原來專案 由於怕改壞掉, 所以在改之前先備份 更改Solution名稱 更改sln的名稱, 這邊我改成BestUWP.sln 使用Visual Studio打開你的.sln, 右鍵點擊Solution後選擇Rename, 這邊我把它重新命名成BestUWP(跟檔案名稱一致) 必要的話可以順便修改Porject名稱 更改Assembly name, Default namespce 進入 Project > OOXX Properties    修改Assembly Name, Default namesapce 更改每支程式碼的Namespace 基本上隨便挑一支有用到預設Namesapce(HolyUWP)的程式碼來改就好了 重新命名後點擊Apply,  這個動作做完後所有用到舊Namespace的程式碼都會被改成新的 更改專案資料夾名稱 以上動作做完後, 基本上就可以把專案編譯出來測看看了~

[Visual Studio Code] 如何切換背景主題

在我們安裝完畢後,背景主題預設會是黑色 那如果不喜歡黑色 我們可以直接到 File > Preferences > Color Theme下做更換 點開Color Theme 後會發現,Visual Studio Code 內建了許多主題讓我們選擇 現在的Visual Studio Code提供Syntax HighLight的功能,方便我們複製貼上程式碼時能保有顏色 由於我希望複製貼上後的程式碼背景可以是白色的 所以我選擇了 Light(Visual Studio) 這個主題,結果如下