首先安装Docker Desktop、VSCode及Dev Containers扩展,接着在项目中通过命令面板选择添加开发容器配置文件,选取基础镜像并生成.devcontainer文件夹,编辑devcontainer.json设置容器名称、Dockerfile路径、推荐插件与端口转发,最后点击左下角绿色箭头重建并进入容器开始隔离开发。

为 VSCode 配置 Docker 开发环境,核心是使用 Dev Containers 插件,让你在容器内进行开发,保持本地环境干净且项目依赖隔离。整个过程不复杂,关键是正确配置文件。
安装必要工具
开始前确保你已安装以下内容:
- Docker Desktop:根据操作系统下载并运行,确保服务已启动
- Visual Studio Code:最新版更稳定
- Dev Containers 扩展:在 VSCode 扩展市场搜索 "Dev Containers" 并安装(由 Microsoft 提供)
创建 Dev Container 配置文件
打开你的项目文件夹,在 VSCode 中操作:
- 按 F1 或 Ctrl+Shift+P 打开命令面板
- 输入并选择:Dev Containers: Add Development Container Configuration Files...
- 选择一个基础镜像:
- 可选预设模板,如 Node.js、Python、Ubuntu 等
- 也可自定义使用自己的 Dockerfile
- VSCode 会自动生成 .devcontainer 文件夹,包含 devcontainer.json 和可选的 Dockerfile
配置 devcontainer.json
这个文件控制容器行为。常见修改项包括:
95Shop可以免费下载使用,是一款仿醉品商城网店系统,内置SEO优化,具有模块丰富、管理简洁直观,操作易用等特点,系统功能完整,运行速度较快,采用ASP.NET(C#)技术开发,配合SQL Serve2000数据库存储数据,运行环境为微软ASP.NET 2.0。95Shop官方网站定期开发新功能和维护升级。可以放心使用! 安装运行方法 1、下载软件压缩包; 2、将下载的软件压缩包解压缩,得到we
- name:容器名称
- dockerFile:指定构建用的 Dockerfile 路径
-
settings:为容器内 VSCode 设置,例如:
"settings": { "terminal.integrated.shell.linux": "/bin/bash" } -
extensions:推荐在容器中安装的插件,例如 Python、Prettier
"extensions": [ "ms-python.python", "esbenp.prettier-vscode" ]
- forwardPorts:自动转发服务端口,如 3000、5000
- runArgs:传递额外参数,比如挂载额外卷或设置环境变量
启动并进入容器开发
配置完成后:
- 点击 VSCode 左下角绿色 >
- 选择 Reopen in Container
- 首次会构建镜像,稍等片刻
- 完成后,整个项目在容器中打开,终端、编辑器、插件都在容器环境运行
此时你可以安装依赖、运行服务,所有操作都发生在隔离环境中,不影响主机。
基本上就这些。只要 Docker 能跑,VSCode 配置好插件,几步骤就能进容器开发。适合团队统一环境,也方便试新技术。









