VSCode的Docker插件:可视化管理镜像和容器
发布时间 - 2025-12-30 00:00:00 点击率:次VSCode 中需安装 Docker 插件并确保 Docker Desktop 正常运行,才能通过侧边栏可视化管理镜像与容器;若连接远程主机,需在 settings.json 中配置 DOCKER_HOST 环境变量。
如果您在使用 VSCode 进行容器化开发,但无法通过图形界面查看、启动或删除本地 Docker 镜像与容器,则可能是 Docker 插件未正确启用或配置。以下是实现可视化管理镜像和容器的具体操作步骤:
本文运行环境:MacBook Air M2,macOS Sequoia。
一、安装并启用 Docker 插件
VSCode 本身不内置 Docker 管理功能,需通过官方维护的 Docker 扩展提供侧边栏集成视图。该插件依赖本地 Docker CLI 可执行文件及后台守护进程正常运行。
1、打开 VSCode,点击左侧活动栏最下方的扩展图标(四个方块组成的图标)。
2、在扩展市场搜索框中输入 Docker,找到由 Microsoft 发布、图标为鲸鱼图案的官方插件。
3、点击“安装”按钮,等待下载完成,随后点击“重新加载”使插件生效。
4、重启 VSCode 后,左侧活动栏将出现一个鲸鱼图标,点击即
可打开 Docker 视图。
二、验证 Docker CLI 与后台服务连通性
插件界面为空或显示“Cannot connect to the Docker daemon”提示,通常表示 VSCode 无法调用宿主机的 Docker 守护进程。需确认 CLI 可访问且 Docker Desktop(或 dockerd)正在运行。
1、打开终端,执行命令 docker version,检查是否输出客户端和服务端版本信息。
2、若提示“Cannot connect to the Docker daemon”,请启动 Docker Desktop 应用程序。
3、在 Docker Desktop 设置中,确保已勾选 Start Docker Desktop when you log in 和 Use the new Virtualization framework(macOS M 系列芯片必需)。
4、返回 VSCode,右键点击 Docker 侧边栏空白处,选择 Refresh。
三、使用侧边栏执行镜像与容器操作
Docker 插件将本地镜像、运行中/已停止容器、构建上下文、卷与网络等资源以树形结构组织,支持鼠标悬停提示与右键快捷菜单,无需记忆 CLI 命令即可完成核心管理任务。
1、在 Docker 侧边栏中展开 Images 节点,查看所有本地镜像,右键某镜像可选择 Pull latest、Remove 或 Build Image。
2、展开 Containers 节点,区分 Running 与 Stopped 分组,右键容器可执行 Start、Stop、Restart、Remove 或 Attach Visual Studio Code。
3、点击容器右侧的终端图标,可直接打开该容器内 Bash 或 sh 会话。
四、配置远程 Docker 主机连接
当开发环境与 Docker 守护进程分离(如使用远程 Linux 服务器或 WSL2 中的 dockerd),需通过 TCP 或 SSH 协议重定向插件连接目标主机,而非默认的 Unix socket。
1、在 VSCode 设置中搜索 docker environment,点击“Edit in settings.json”。
2、在 settings.json 文件中添加配置项:"docker.environment": {"DOCKER_HOST": "ssh://user@192.168.1.100"},其中 IP 替换为目标服务器地址。
3、确保目标主机已启用 SSH 服务,且用户具备无密码执行 docker 命令的权限(例如加入 docker 用户组并配置 sudo 免密)。
4、保存文件后,右键 Docker 侧边栏空白区域,选择 Refresh,插件将尝试建立远程连接。
# linux
# vscode
# js
# json
# docker
# macbook
# mac
# ai
# unix
# macos
# 环境变量
# bash
# visual studio
# visual studio code
# microsoft
# ssh
# 镜像
# 右键
# 正常运行
# 运行环境
# 鼠标
# 您在
# 或删除
# 而非
# 可直接
# 则可
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel如何实现API版本控制_Laravel API版本化路由设计策略
Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南
浅析上传头像示例及其注意事项
Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】
香港服务器如何优化才能显著提升网站加载速度?
如何在IIS中配置站点IP、端口及主机头?
php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】
Laravel如何生成API文档?(Swagger/OpenAPI教程)
详解Android中Activity的四大启动模式实验简述
黑客如何通过漏洞一步步攻陷网站服务器?
如何在Ubuntu系统下快速搭建WordPress个人网站?
Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践
高防服务器租用如何选择配置与防御等级?
网站制作价目表怎么做,珍爱网婚介费用多少?
如何在 Telegram Web View(iOS)中防止键盘遮挡底部输入框
历史网站制作软件,华为如何找回被删除的网站?
在线制作视频网站免费,都有哪些好的动漫网站?
JavaScript如何实现音频处理_Web Audio API如何工作?
Laravel怎么调用外部API_Laravel Http Client客户端使用
如何在云服务器上快速搭建个人网站?
Laravel如何自定义错误页面(404, 500)?(代码示例)
Laravel用户密码怎么加密_Laravel Hash门面使用教程
android nfc常用标签读取总结
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】
Laravel如何为API生成Swagger或OpenAPI文档
Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用
Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区
浅谈redis在项目中的应用
网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?
如何做网站制作流程,*游戏网站怎么搭建?
轻松掌握MySQL函数中的last_insert_id()
Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道
Laravel Blade模板引擎语法_Laravel Blade布局继承用法
Laravel如何使用withoutEvents方法临时禁用模型事件
如何在七牛云存储上搭建网站并设置自定义域名?
Laravel如何创建自定义中间件?(Middleware代码示例)
HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】
html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】
详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)
如何使用 Go 正则表达式精准提取括号内首个纯字母标识符(忽略数字与嵌套)
想要更高端的建设网站,这些原则一定要坚持!
Android利用动画实现背景逐渐变暗
HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
深圳防火门网站制作公司,深圳中天明防火门怎么编码?
创业网站制作流程,创业网站可靠吗?
Laravel如何配置任务调度?(Cron Job示例)
laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法
Laravel如何配置和使用缓存?(Redis代码示例)

