使用VSCode Remote-Containers在容器中开发

答案是使用VSCode的Remote-Containers插件可在容器中开发，确保环境一致；需安装Docker和Remote Development扩展，创建.devcontainer配置文件后，点击左下角绿色箭头即可启动隔离开发环境。

在容器中开发能保证环境一致性，避免“在我机器上能跑”的问题。vscode 的 remote-containers 插件让这个过程变得简单直观，你可以在一个隔离的容器环境中编写、运行和调试代码，同时享受本地编辑器的流畅体验。

准备工作

要使用 Remote-Containers，先确保以下工具已安装：

• Docker：支持 Linux 容器（Linux 或 Windows WSL2）
• Visual Studio Code
• Remote Development 扩展包：包含 Remote-Containers 扩展

安装完扩展后，你会在左侧活动栏看到远程资源管理器图标，可以快速打开容器、WSL 或 SSH 远程环境。

创建 devcontainer 配置

在项目根目录下创建 .devcontainer 文件夹，并添加两个关键文件：

• devcontainer.json：定义容器配置
• Dockerfile（可选）：自定义开发环境依赖

{
  "name": "My Dev Container",
  "build": {
    "dockerfile": "Dockerfile"
  },
  "settings": {
    "terminal.integrated.shell.linux": "/bin/bash"
  },
  "appPort": [3000],
  "postAttachCommand": "npm install",
  "remoteUser": "vscode"
}

FROM node:18
RUN apt-get update && apt-get install -y \
    git \
    curl \
    vim \
    && rm -rf /var/lib/apt/lists/*

这个配置会基于 Node.js 18 构建容器，安装常用工具，并在连接后自动执行 npm install。

启动容器开发环境

配置完成后：

Calliper 文档对比神器

文档内容对比神器

28

查看详情

• 点击 VSCode 左下角的绿色 ">
• 选择 "Reopen in Container"

VSCode 会自动构建镜像、启动容器，并将当前项目挂载进去。首次可能稍慢，后续启动很快。

连接成功后，终端、扩展、文件操作都在容器内运行，你可以用 node --version 验证环境。

实用技巧

• 扩展装在容器内：推荐的扩展（如 ESLint、Prettier）可在 devcontainer.json 中通过 extensions 字段预装
• 挂载本地 ~/.ssh：方便拉取私有 Git 仓库
• 使用 docker-compose.yml：复杂项目可配合 compose 启动多服务（如数据库）
• 缓存 node_modules：通过 volume 提升性能，避免每次重建都重装依赖

基本上就这些。配置一次，团队成员都能获得完全一致的开发环境，减少协作中的环境问题。

以上就是使用VSCode Remote-Containers在容器中开发的详细内容，更多请关注php中文网其它相关文章！