VSCode 通过 Dev Containers 实现与 Docker 的无缝集成，将开发环境封装进容器，支持在生产一致环境中编写、运行和调试代码；需安装 Dev Containers 扩展，配置 devcontainer.json 定义镜像、工具、端口转发等，并利用容器内调试器实现实时调试。
vscode 与 docker 的无缝集成，核心在于利用 dev containers（开发容器）功能，把整个开发环境（包括语言运行时、依赖、工具链、甚至调试器）完整封装进容器，让代码在“生产一致”的环境中编写、运行和调试——不是本地跑完再丢进容器，而是从一开始就在容器里工作。
启用 Dev Containers 扩展
这是所有操作的前提。在 VSCode 扩展市场中搜索并安装官方扩展 Dev Containers（由 Microsoft 发布，图标为蓝色容器）。安装后重启 VSCode，它会自动识别项目根目录下的 .devcontainer/ 文件夹或 devcontainer.json 配置文件，并在命令面板（Ctrl+Shift+P / Cmd+Shift+P）中提供 “Reopen in Container” 选项。
用 devcontainer.json 定义你的开发环境
在项目根目录新建 .devcontainer/devcontainer.json，它本质是一个配置清单，告诉 VSCode：该用哪个镜像、装什么工具、暴露哪些端口、挂载哪些路径、启动时执行什么命令。常见关键字段：
-
image：指定基础镜像，如
"mcr.microsoft.com/vscode/devcontainers/python:3.11"；也可用dockerfile字段自定义构建 -
features：声明式安装常用工具（无需写 Dockerfile），比如
"ghcr.io/devcontainers/features/node:1"或"git" -
forwardPorts：自动转发容器内端口到本地，如
[3000, 5000]，方便浏览器直接访问 - mounts：可选，精细控制卷挂载（例如挂载本地 SSH 密钥或数据库卷）
- customizations.vscode.settings：为容器内 VSCode 设置默认偏好，如启用 Pylint、设置缩进等
在容器中真正调试应用
调试不是“模拟”，而是 VSCode 的调试器通过 容器内运行的调试适配器（如 Python 的 debugpy、Node.js 的 node-debug）与代码实时交互。关键点：
Angel工作室企业网站管理系统全DIV+CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。内置IIS测试，双击打启动预览网站 Angel工作室企业网站
- 确保
devcontainer.json中已通过features或Dockerfile安装对应语言的调试支持（例如 Python 项目需包含debugpy） - 在容器内打开项目后，点击左侧调试图标，选择对应环境的 launch 配置（如 “Python: Current File”）
- 打上断点、按 F5 启动——VSCode 自动在容器中拉起进程，调试器连接成功，变量、调用栈、控制台全部可用
- 对于 Web 应用，配合
forwardPorts和浏览器访问，还能边改前端代码边看热更新效果
本地与容器的边界清晰但透明
你编辑的是本地文件，但所有保存自动同步进容器；你在终端里敲 npm run dev，实际是在容器里执行；Git 操作也默认走容器内配置（可统一管理 SSH key 和用户信息）。这种设计避免了“本地一套、容器一套”的环境漂移问题。唯一需要注意的是：如果项目依赖本地硬件（如 GPU）、特殊设备或 macOS 特有服务（如 Keychain），需在 runArgs 中显式添加权限参数（如 --gpus all 或 --privileged），但多数 Web/API/CLI 类项目完全无需额外配置。
基本上就这些。不复杂，但容易忽略配置细节——尤其是 features 的版本号和 forwardPorts 的端口匹配。一旦跑通，你会明显感觉“开发即部署”的节奏快了很多。
