VSCode + Docker：容器化开发流程指南

VSCode配合Docker容器化开发的核心是通过Dev Containers实现“改代码→自动生效→快速验证”闭环。使用.devcontainer/devcontainer.json配置容器环境，支持端口转发、调试及扩展；本地代码+容器服务模式则通过docker-compose.yml管理依赖，兼顾轻量与协作；调试需配置launch.json并暴露调试端口；构建采用多阶段Dockerfile确保dev与prod环境一致。

用 VSCode 配合 Docker 做容器化开发，核心是把本地编辑、调试和运行环境统一到容器里，既保证环境一致，又不牺牲开发体验。关键不在“能不能跑”，而在“改代码→自动生效→快速验证”这一闭环是否顺滑。

远程容器开发（Dev Container）是首选方案

VSCode 的 Dev Containers 扩展让整个项目在容器内运行，编辑器前端运行在宿主机，后端服务、依赖、甚至终端都跑在容器中——相当于把 IDE “连进”容器里。

• 安装 Dev Containers 扩展（Microsoft 官方）
• 项目根目录新建 .devcontainer/devcontainer.json，定义基础镜像、端口转发、扩展列表、启动命令等
• 按 Ctrl/Cmd + Shift + P → 输入 Dev Containers: Reopen in Container，VSCode 自动构建并接入容器
• 之后所有终端、调试、文件保存都在容器内生效，node_modules、venv、编译工具全在容器中，本地完全干净

本地代码 + 容器服务：轻量协作模式

适合已有成熟本地开发流、但后端/数据库等依赖想容器化的场景。VSCode 不进容器，只让服务跑在 Docker 中，通过 docker-compose.yml 管理依赖服务。

• 写好 docker-compose.yml，例如启动 PostgreSQL、Redis 或 mock API
• 应用代码仍本地运行（如 npm run dev），但连接地址指向 host.docker.internal:5432（Mac/Win）或宿主机 IP（Linux）
• 配合 VSCode 的 Remote Explorer 扩展可一键查看、重启容器，比命令行更直观
• 用 Tasks（tasks.json）封装常用命令，比如 docker-compose up -d db，绑定快捷键一键启停

调试容器内进程：别跳过 launch.json 配置

容器里跑的 Node.js、Python、Go 等服务，照样能断点调试——前提是 VSCode 知道怎么连进去。

云网OA

采用JSP开发的办公自动化产品、基于B/S结构，运行环境：JDK v1.5、Tomcat v5.5、MySQL v4.1，三者均为以上版本其他相关内容：可视化流程设计： 流程支持串签、会签和分支流程，可以设置流程节点的修改、删除权限，并可指定流程中各个用户在表单中可以填写的域。智能表单所见即所得设计： 智能设计，自动在数据库中生成表格，方便优化程序 公共交流： 集论坛、博客、聊天室于一体文件柜：C

0

查看详情

• 在 .devcontainer/devcontainer.json 中启用调试支持，比如为 Node 加 "forwardPorts": [3000], "customizations.vscode.recommendedExtensions"
• 项目内配好 .vscode/launch.json，选择对应环境（如 Node.js (Docker) 模板），指定 runtimeExecutable 和 port
• 确保容器内服务以 --inspect=0.0.0.0:9229 启动（Node），且端口已暴露、转发；Python 可用 debugpy，Go 用 dlv
• 按 F5 启动调试，VSCode 自动 attach 到容器里的调试器，断点、变量、调用栈全部可用

构建与推送：从 dev 到 prod 的平滑过渡

开发用的镜像（含 dev 工具、源码挂载）不适合上线。建议分层设计 Dockerfile：

• 多阶段构建：开发阶段用 node:18-dev 带 npm/yarn，构建阶段用 node:18-alpine 只复制 dist
• VSCode 内置终端执行 docker build -t myapp:latest .，或用 Tasks 封装成一键命令
• 配合 Docker 扩展（Microsoft），鼠标悬停镜像即可查看 Layers、History，右键推送（Push）到私有 Registry 或 Docker Hub
• CI/CD 中复用同一份 Dockerfile，避免“本地能跑、线上不行”

基本上就这些。VSCode + Docker 不是堆砌工具，而是用容器固化环境、用编辑器接管流程。只要 devcontainer.json 和 docker-compose.yml 写清楚，团队新人拉下代码按一个键就能进入完整开发态——这才是容器化开发该有的样子。

以上就是VSCode + Docker：容器化开发流程指南的详细内容，更多请关注php中文网其它相关文章！