讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode与Docker:使用Dev Containers打造一致的开发环境

小婷君_3604

小婷君_3604

发布时间:2025-12-26 14:36:02

|

606人浏览过

|

来源于php中文网

原创

<p>Dev Containers 通过 Docker 容器统一开发环境,解决依赖与配置不一致问题;需安装 VS Code、Remote - Containers 扩展及 Docker Desktop;支持基于镜像快速启动、自定义 Dockerfile、端口转发、调试集成及 Git 共享配置。</p>

如果您在本地开发环境中遇到依赖版本不一致、环境配置复杂或“在我机器上能运行”的问题,则可能是由于开发环境与生产环境存在差异。dev containers 通过将开发环境定义为代码,利用 docker 容器隔离并复现完整开发栈,从而确保团队成员使用完全一致的工具链、运行时和依赖项。

本文运行环境:MacBook Pro,macOS Sequoia。

一、安装必要组件

要启用 Dev Containers 功能,需在本地安装 VS Code 及其官方扩展,并配置 Docker 运行时环境。VS Code 通过 Remote - Containers 扩展与 Docker CLI 通信,从而拉取镜像、启动容器并挂载工作区。

1、访问 code.visualstudio.com 下载并安装最新版 VS Code。

2、打开 VS Code,进入扩展市场,搜索并安装 Remote - Containers 扩展。

3、前往 docker.com 下载并安装 Docker Desktop,确保其后台服务正在运行。

二、基于现有镜像快速启动容器

无需编写 Dockerfile,可直接使用 Docker Hub 上已构建好的官方镜像(如 mcr.microsoft.com/vscode/devcontainers/python)作为基础开发环境。VS Code 将自动创建 devcontainer.json 配置文件并启动对应容器。

1、在本地新建一个空项目文件夹,例如 my-python-app。

2、在该文件夹中打开 VS Code,按下 Cmd+Shift+P(Mac)调出命令面板。

3、输入并选择 Dev Containers: Add Development Container Configuration Files...。

4、在模板列表中选择 Python 3,然后按提示完成配置。

5、配置完成后,点击右下角弹出的 Reopen in Container 按钮,等待容器构建并连接。

三、自定义 Dockerfile 构建专属环境

当标准镜像无法满足需求(如需特定 C 库、私有包源或非标准端口暴露),可通过编写自定义 Dockerfile 控制底层镜像构建过程。devcontainer.json 中的 image 属性将替换为 build.context 和 build.dockerfile 路径引用。

1、在项目根目录下新建 .devcontainer/Dockerfile 文件。

2、在该文件中写入基础指令,例如:FROM mcr.microsoft.com/vscode/devcontainers/python:3.11。

GitHub Actions Deploy Risk Audit
GitHub Actions Deploy Risk Audit

通过评估失败率、未解决的连续失败和上次成功部署以来的时间,审计GitHub Actions运行的部署工作流风险。

下载

3、添加自定义指令,例如:RUN pip install --extra-index-url https://my-private-repo/simple/ my-package。

4、修改 .devcontainer/devcontainer.json,设置 "build": { "dockerfile": "Dockerfile" }。

5、重新执行 Dev Containers: Rebuild Container 命令以应用变更。

四、配置容器内端口与调试支持

开发过程中常需访问容器内运行的服务(如 Web 应用、数据库),或在容器中调试 Python/Node.js 程序。Dev Containers 支持端口转发与内置调试器集成,使本地浏览器和 VS Code 调试器无缝对接容器内部进程。

1、在 devcontainer.json 的 "forwardPorts" 字段中添加端口号,例如:[3000, 5432]。

2、保存后,VS Code 自动在 Ports 视图中显示已转发端口,并支持点击链接在浏览器中打开。

3、为启用调试,在 .devcontainer/devcontainer.json 中添加 "customizations": { "vscode": { "settings": { "python.defaultInterpreterPath": "/usr/local/bin/python" } } }。

4、在容器内打开 Python 文件,点击左侧行号旁的红色圆点设置断点,再按 F5 启动调试会话。

五、共享配置与版本控制

将 .devcontainer 目录纳入 Git 仓库,可使所有协作者一键复现相同开发环境。配置文件包含容器构建逻辑、扩展推荐、环境变量及初始化脚本,构成可执行的环境说明书。

1、确认 .devcontainer/devcontainer.json 和任何关联的 Dockerfile 或 postCreateCommand 脚本均位于项目根目录下的 .devcontainer 子目录中。

2、执行 git add .devcontainer 将配置文件加入暂存区。

3、在 devcontainer.json 中添加 "postCreateCommand": "pip install -r requirements.txt",确保每次重建容器时自动安装依赖。

4、提交并推送至远程仓库,其他开发者克隆后只需打开文件夹并选择 Reopen in Container 即可加载完整环境。

热门AI工具

更多
Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1995

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2802

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

956

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3159

2025.09.10

pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

2570

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

5943

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

7502

2024.12.23

python升级pip
python升级pip

本专题整合了python升级pip相关教程,阅读下面的文章了解更多详细内容。

3667

2025.07.23

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

0

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn