VSCode与Docker Compose：一键启动多容器应用

VSCode结合Docker Compose可实现多容器应用“一键启动”：需将docker-compose.yml置于工作区根目录，安装Docker和Dev Containers扩展，通过命令面板执行“Docker: Compose Up/Down”，或用.devcontainer.json配置全栈开发环境。

在本地开发多容器应用时，VSCode 结合 Docker Compose 能真正实现“一键启动”——不用反复敲命令、不手动切终端、也不用记端口映射细节。关键在于把 docker-compose.yml 当作项目入口，再让 VSCode 懂得怎么“读它、运行它、连它”。

确保 Compose 文件就在工作区根目录

VSCode 的 Docker 扩展（Microsoft 官方）和内置的 Dev Containers 功能，都默认扫描项目根目录下的 docker-compose.yml 或 compose.yaml。如果文件放在 ./docker/ 子目录里，VSCode 很可能直接忽略它。

• 推荐做法：把 docker-compose.yml 放在打开的文件夹最顶层
• 若必须分层管理，可改用 devcontainer.json 显式引用 compose 文件路径，例如："dockerComposeFile": "./docker/docker-compose.dev.yml"
• 文件名大小写敏感（尤其在 Linux/macOS），别写成 Docker-compose.yml 或 docker-compose.YML

安装并启用核心扩展

光有 VSCode 不够，得靠两个扩展协同工作：

• Docker（by Microsoft）：提供侧边栏容器管理、一键构建镜像、查看日志等基础能力
• Dev Containers（by Microsoft）：支持“Open Folder in Container”，能直接把整个工作区跑在 compose 定义的容器组里
• 装好后重启 VSCode，底部状态栏会出现“Open in Container”提示（如果有合法的 compose 文件）

用命令面板快速启动服务

不必打开终端输 docker compose up —— VSCode 提供了更顺手的方式：

Angel工作室企业网站管理系统1.2

Angel工作室企业网站管理系统全DIV+CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。内置IIS测试，双击打启动预览网站 　　 Angel工作室企业网站

0

查看详情

• 按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）打开命令面板
• 输入 Docker: Compose Up 并回车，自动检测并运行当前 compose 文件
• 服务启动后，可在 Docker 侧边栏看到所有容器状态；点击容器名称可查看实时日志
• 想停止？同样用命令面板执行 Docker: Compose Down，干净退出

进阶：用 Dev Container 实现“全栈开发环境”

不只是启动服务，还能把 VSCode 的编辑、调试、终端全部“搬进容器里”。比如前端 + 后端 + 数据库三容器协作开发：

• 在项目根目录建 .devcontainer/devcontainer.json
• 配置 "service" : "app" 指定主开发容器（如 Node.js 服务），并挂载源码、开放端口、预装依赖
• 通过 "runArgs" 加 --network myapp_default 让 dev 容器接入 compose 网络，直接用 http://db:5432 连数据库
• 按 F1 → Dev Containers: Reopen in Container，VSCode 自动构建、启动、连接，编辑器即运行环境

基本上就这些。不需要写脚本、不依赖外部工具链，VSCode + Docker Compose 的组合，把多容器开发拉回到“开箱即用”的节奏里。

以上就是VSCode与Docker Compose：一键启动多容器应用的详细内容，更多请关注php中文网其它相关文章！