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

VSCode如何与Docker集成_进行容器化开发有何流程【教程】

小墨姑娘_1088

小墨姑娘_1088

发布时间:2026-01-23 16:38:03

|

896人浏览过

|

来源于php中文网

原创

VSCode通过Remote-Containers扩展在容器内启动VSCode Server实现编辑:安装扩展、配置.devcontainer/devcontainer.json、执行Reopen in Container命令即可,依赖镜像含开发工具链且挂载源码。

VSCode怎么直接打开并编辑容器里的代码

vscode 本身不运行 docker,但通过 remote - containers 扩展可以无缝连接正在运行的容器,把容器当成本地开发环境用。关键不是“连上”,而是“在容器里启动 vscode server”——它会自动挂载源码、复用容器内已装的工具链(如 python、node、gcc)。

操作流程很简单:
- 安装官方扩展 Remote - Containers
- 在项目根目录放一个 .devcontainer/devcontainer.json
- 按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),输入 Remote-Containers: Reopen in Container

注意:devcontainer.json 中的 image 或 dockerfile 必须能构建出含开发依赖的镜像;如果本地没缓存对应镜像,VSCode 会自动 build,耗时取决于 Dockerfile 复杂度。

devcontainer.json 里哪些字段最常改、最容易错

这个配置文件决定容器怎么启、代码怎么挂、端口怎么透。常见误配点集中在路径映射和权限上:

  • "mounts" 和 "workspaceMount" 别混用:前者是 Docker 原生命令式挂载(如 "source=/host/path,target=/container/path,type=bind,consistency=cached"),后者只用于 workspace 目录,且必须是 bind 类型
  • "runArgs" 加 --user 要小心:比如 "--user=1001:1001" 可能导致容器内无法写 /workspace,尤其在 macOS 上宿主 UID 不匹配时
  • "forwardPorts" 是自动暴露端口的关键:填 [3000, 8080] 后,VSCode 会在本地开代理,访问 localhost:3000 就等于访问容器内 3000 端口,不用手动 docker run -p
  • "customizations.vscode.extensions" 推荐只写真正需要的插件 ID,比如 "ms-python.python",避免每次重开容器都重装一堆插件

Dockerfile 为 devcontainer 优化要注意什么

生产镜像讲求精简,而 devcontainer 镜像得兼顾可调试性与启动速度。别直接拿 FROM alpine:latest 开干——缺少 git、curl、bash 会导致 VSCode 初始化失败,报错类似 "The container did not start successfully"。

git-staged-commit-message
git-staged-commit-message

仅从仓库的暂存文件生成 Git 提交消息。当用户要求 Codex 根据暂存更改、缓存差异、Git 索引或已通过 `git add` 添加的文件来编写、起草、创建或建议提交消息时使用;切勿代表用户执行提交操作。

下载

推荐做法:
- 基础镜像选带完整工具链的,比如 node:18-slim、python:3.11-slim(比 alpine 更少兼容问题)
- 显式安装 openssh-client、rsync(Remote-Containers 内部依赖)
- 把 COPY . /workspace 放在最后,利用 Docker 缓存加速重复构建
- 不要设 ENTRYPOINT 或 CMD,否则会干扰 VSCode 的初始化流程

示例最小可行 Dockerfile 片段:

FROM python:3.11-slim
RUN apt-get update && apt-get install -y \
    git curl bash openssh-client rsync \
    && rm -rf /var/lib/apt/lists/*
WORKDIR /workspace

本地改代码 → 容器里实时生效,靠的是什么机制

不是靠 volume 实时同步,而是 VSCode Remote 自带的文件监听 + 增量同步策略。它会在容器里起一个 vscode-server 进程,监听宿主机工作区变化,再用 rsync 把变更推过去。所以你改了 app.py,几秒内容器里就更新了,不需要重启服务。

但有三个边界情况必须知道:
- 如果你在容器里手动改了文件(比如 vim app.py),宿主机不会自动同步回来
- 大文件(>50MB)或大量小文件(如 node_modules)默认被忽略,规则由 devcontainer.json 的 "remoteEnv" 和 "containerEnv" 控制
- 文件权限变更(如 chmod +x)可能不同步,建议在 Dockerfile 里预设好权限,而不是运行时改

真要双向实时同步,得自己加 inotifywait + rsync 循环,但通常没必要——开发阶段以“宿主编辑、容器执行”为主流模式。

热门AI工具

更多
Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

DeepSeek

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

墨刀AI
墨刀AI Hot

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

豆包大模型

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

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

WorkBuddy

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

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

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

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

2275

2023.08.07

json是什么
json是什么

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

3722

2023.08.23

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

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

1236

2023.10.13

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

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

4299

2025.09.10

curl_exec
curl_exec

curl_exec函数是PHP cURL函数列表中的一种,它的功能是执行一个cURL会话。给大家总结了一下php curl_exec函数的一些用法实例,这个函数应该在初始化一个cURL会话并且全部的选项都被设置后被调用。他的返回值成功时返回TRUE, 或者在失败时返回FALSE。

3863

2023.06.14

linux常见下载安装工具
linux常见下载安装工具

linux常见下载安装工具有APT、YUM、DNF、Snapcraft、Flatpak、AppImage、Wget、Curl等。想了解更多linux常见下载安装工具相关内容,可以阅读本专题下面的文章。

915

2023.10.30

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

6747

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2788

2023.08.10

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习

Buffalo框架快速入门指南
Buffalo框架快速入门指南

共0课时 | 0人学习

Valgrind支持平台说明
Valgrind支持平台说明

共0课时 | 0人学习

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

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