如何为包含两个Node.js应用的Git仓库配置.devcontainer？

1. 修复Docker镜像拉取问题 #

Docker找不到node:latest多是网络问题或镜像标签不稳定导致，改用稳定的Node.js LTS版本镜像替代，比如node:20-bookworm（Node.js 20为当前长期支持版，bookworm是Debian稳定发行版），避免依赖易变的latest标签。

2. 优化Dockerfile #

修改后的Dockerfile：

# 使用稳定的Node.js LTS镜像
FROM node:20-bookworm

# 设置容器内工作目录
WORKDIR /app

# 确保node用户拥有工作目录权限，避免后续npm安装出现权限报错
RUN chown -R node:node /app

# 暴露前后端服务端口
EXPOSE 3000 3001

# 默认启动bash终端
CMD ["/bin/bash"]

说明：删除了COPY . .，因为Dev Container默认会将本地仓库目录挂载到容器中，无需在构建镜像时复制代码，既减小镜像体积，又能让本地代码修改实时同步到容器。

3. 调整devcontainer.json配置 #

修复已弃用的配置项，优化依赖安装命令：

{
    "name": "Project Dev Container",
    "dockerFile": "Dockerfile",
    "customizations": {
        "vscode": {
            "settings": {
                // 替换已弃用的shell配置项
                "terminal.integrated.defaultProfile.linux": "/bin/bash"
            },
            "extensions": [
                "dbaeumer.vscode-eslint"
            ]
        }
    },
    "forwardPorts": [3000, 3001],
    // 明确工作目录路径，优化依赖安装命令
    "postCreateCommand": "cd /app/backend && npm install && cd /app/frontend && npm install",
    "remoteUser": "node"
}

4. 给新开发者的使用提示 #

• 确保本地已安装并启动Docker服务（Windows/macOS用Docker Desktop，Linux用Docker Engine）
• 克隆仓库后用VS Code打开，点击左下角「打开远程窗口」图标，选择「在容器中打开」，等待镜像构建完成后，系统会自动执行依赖安装
• 若仍出现镜像拉取慢的问题，可配置Docker国内镜像加速源

内容的提问来源于stack exchange，提问作者lemonisham