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工作室企业网站
- 按
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 的组合，把多容器开发拉回到“开箱即用”的节奏里。
