vscode 連線遠端電腦中的 Docker

更新於 發佈於 閱讀時間約 1 分鐘

歡迎各位贊助喔 👍👍👍


簡介

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

遠端電腦: docker

本地端電腦: vscode

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

Vscode --- 初探篇



安裝必要的 vscode extension

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

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

raw-image


連線到遠端電腦

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

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



連線到遠端電腦中的 Docker

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

raw-image

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

raw-image

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

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

raw-image

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





留言
avatar-img
留言分享你的想法!
avatar-img
愛看電視的小上進的沙龍
7會員
50內容數
每個房間都是一個有趣的主題喔
2023/12/07
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
2023/12/07
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
2023/12/06
教大家如何把多個檔案顯示在多個 vscode 的視窗
Thumbnail
2023/12/06
教大家如何把多個檔案顯示在多個 vscode 的視窗
Thumbnail
2023/12/06
教大家怎麼更改/設定快捷鍵
Thumbnail
2023/12/06
教大家怎麼更改/設定快捷鍵
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
前言 上次我們講到 Docker 的功用與好處,今天我們要在講解,如何安裝 Docker 這個容器,讓我們在之後的教學應用更好的實作與練習,現在讓我們開始吧 Docker Engine 與 Docker Desktop 首先在講解怎麼安裝 Docker 時,我們先講解 Docker Engin
Thumbnail
前言 上次我們講到 Docker 的功用與好處,今天我們要在講解,如何安裝 Docker 這個容器,讓我們在之後的教學應用更好的實作與練習,現在讓我們開始吧 Docker Engine 與 Docker Desktop 首先在講解怎麼安裝 Docker 時,我們先講解 Docker Engin
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
本篇大綱:本篇要解決的問題。用 Docker 安裝 Verdaccio。上傳 package。使用 package。刪除 package。修改 config.yml。改變 CSS。
Thumbnail
本篇大綱:本篇要解決的問題。用 Docker 安裝 Verdaccio。上傳 package。使用 package。刪除 package。修改 config.yml。改變 CSS。
Thumbnail
前言 前篇把 Ubuntu 作業系統的安裝跟準備談完了,有需要可以跳回去看。接下來聊容器服務 Docker 的安裝與使用。 Docker 可以應用的場合很多,這次是會用它來模擬 Android 受測裝置
Thumbnail
前言 前篇把 Ubuntu 作業系統的安裝跟準備談完了,有需要可以跳回去看。接下來聊容器服務 Docker 的安裝與使用。 Docker 可以應用的場合很多,這次是會用它來模擬 Android 受測裝置
Thumbnail
簡介 因常會在新機器跑container,藉此紀錄安裝過程,順便寫下腳本安裝懶人包 安裝docker 檢查系統中是否已經安裝了docker 執行:ps -ef |grep docker 如上圖所示,說明系統中並沒有安裝docker 添加docker-ce倉庫 安裝yum倉庫管理工具 配置docker
Thumbnail
簡介 因常會在新機器跑container,藉此紀錄安裝過程,順便寫下腳本安裝懶人包 安裝docker 檢查系統中是否已經安裝了docker 執行:ps -ef |grep docker 如上圖所示,說明系統中並沒有安裝docker 添加docker-ce倉庫 安裝yum倉庫管理工具 配置docker
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News