0

0

VSCode容器开发指南_配置DevContainer环境

夜晨

夜晨

发布时间:2025-11-19 08:41:02

|

539人浏览过

|

来源于php中文网

原创

使用 VSCode Dev Containers 可在容器中开发,确保环境一致。1. 安装 Docker、VSCode 和 Dev Containers 扩展;2. 创建 devcontainer.json 配置镜像、功能和插件;3. 可选自定义 Dockerfile 安装依赖;4. 用 “Reopen in Container” 启动,自动构建并挂载项目;5. 配置端口、挂载、初始化脚本等提升体验。

vscode容器开发指南_配置devcontainer环境

使用 VSCode 进行容器化开发,可以通过 Dev Containers 功能在隔离的容器环境中编写、运行和调试代码。这种方式能确保开发环境的一致性,避免“在我机器上能跑”的问题。只需配置好 DevContainer,团队成员就能共享完全一致的工具链、依赖和设置。

1. 准备工作:安装必要组件

要启用 Dev Container 开发,你的系统需要预先安装以下工具:

  • Docker:负责构建和运行容器环境
  • Visual Studio Code:推荐使用最新稳定版
  • Dev Containers 扩展:在 VSCode 扩展市场中搜索 “Dev Containers” 并安装(由 Microsoft 提供)

安装完成后,VSCode 就具备了打开或创建容器内开发环境的能力。

2. 创建 devcontainer.json 配置文件

项目根目录下新建 .devcontainer/devcontainer.json 文件,定义容器行为。最简单的配置如下:

{
  "image": "mcr.microsoft.com/vscode/devcontainers/base:ubuntu-22.04",
  "features": {
    "git": "latest"
  },
  "customizations": {
    "vscode": {
      "extensions": [
        "ms-python.python",
        "ms-python.vscode-pylance"
      ],
      "settings": {
        "python.defaultInterpreterPath": "/usr/bin/python3"
      }
    }
  }
}

说明:

  • image 指定基础镜像,也可用 dockerFile 自定义构建
  • features 添加额外功能,如 Git、Node.js 等
  • extensions 列出项目推荐的插件,打开容器时自动安装
  • settings 设置 VSCode 行为,比如指定 Python 解释器路径

3. 使用自定义 Dockerfile(可选)

若需更精细控制环境,可在 .devcontainer 目录中添加 Dockerfile

科技类网站模板小兵cms1.0
科技类网站模板小兵cms1.0

小兵小兵建站CMS V1.0(内容管理系统),基于OneThink开源框架,和超过300家以上网站建设客户进行了深度的合作与需求沟通,经过了一年时间的研发,打造了国内最简洁好用、易于操作的网站管理后台。小兵建站CMS,国内最简单易用的网站管理系统!永久免费开源!小兵建站CMS服务器配置要求:安装环境:PHP 版本 5.3以上 ; mysql: 5.0以上 IIS: 7.0 以上 安装

下载
FROM mcr.microsoft.com/vscode/devcontainers/base:ubuntu-22.04
RUN apt-get update && apt-get install -y \
    python3-pip \
    postgresql-client \
    && rm -rf /var/lib/apt/lists/*
COPY requirements.txt /tmp/requirements.txt
RUN pip3 install -r /tmp/requirements.txt

然后在 devcontainer.json 中引用它:

"build": {
  "dockerfile": "Dockerfile"
}

4. 启动并进入 Dev Container 环境

配置完成后,按以下步骤启动:

  • 在 VSCode 中按下 F1Ctrl+Shift+P
  • 输入命令 “Reopen in Container”
  • VSCode 会自动构建镜像、启动容器,并将项目挂载进去
  • 首次可能较慢,后续启动会利用缓存加快速度

成功后,左下角状态栏会显示当前连接的容器名称,终端也运行在容器内部。

5. 常见配置选项与技巧

提升开发体验的一些实用设置:

  • 端口转发:添加 appPort 字段让服务端口自动可用,例如 "appPort": [3000, 5000]
  • 挂载本地文件:通过 mounts 挂载主机目录,如数据库数据卷
  • 初始化脚本:使用 onCreateCommand 在容器创建后执行命令,如安装依赖
  • 非 root 用户:建议保持默认用户权限,避免权限问题

基本上就这些。配置一次,团队共享,环境统一,开发更高效。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

418

2023.08.07

json是什么
json是什么

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

535

2023.08.23

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

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

311

2023.10.13

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

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

77

2025.09.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

513

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

298

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

5306

2023.08.17

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号