vscode 連線遠端電腦中的 Docker

歡迎各位贊助喔 👍👍👍

簡介

今天來教大家如何讓 vscode 連上遠端電腦中的 docker 環境之中，遠端電腦和本地端電腦各需要先安裝一些東西: (本地端不需安裝 docker)

遠端電腦: docker

本地端電腦: vscode

安裝 vscode 可以先參考以下這篇:

Vscode --- 初探篇

安裝必要的 vscode extension

按 "View" -> "Extensions"，然後在搜尋欄輸入 "dev"，"Dev Containers" 就是我們需要安裝的 extension，如下圖

要注意的是，如果大家還沒安裝過這個 extension 的話，下圖紅框中的齒輪會是一個寫著 "install" 的藍色按鈕，點下它就會進行安裝了，等進度條跑完就安裝好了 🎉🎉🎉

連線到遠端電腦

必須要先讓 vscode 連到遠端電腦，可先參考這篇:

Vscode + SSH --- 直接編輯遠端電腦內的檔案

連線到遠端電腦中的 Docker

先點擊左下的藍色按紐，如下圖紅框，就會出現一個小視窗，如下圖，接著點 "Attach to Running Container"

點擊 "Attach to Running Container" 之後，就會顯示目前遠端電腦中正在運行的 Docker 容器清單，如下圖紅框，點擊你想要進入的 docker 容器吧

接著 vscode 會叫你輸入遠端電腦的密碼，輸入後就會連上了，只是要注意的是如果你是第一次連線的話，會花較多的時間。

連上後左下角會顯示你連到的容器名稱，如下圖紅框

如果有問題歡迎發問唷 😁😁😁