如何基于本地Docker镜像在VS Code中配置项目开发环境与解释器

前提准备 #

• 确保VS Code已安装 Docker 和 Dev Containers（原Remote-Containers）扩展，这两个是核心工具。

步骤1：从本地镜像启动带挂载卷的容器 #

1. 打开VS Code左侧的Docker扩展面板，找到你本地的目标镜像（在「Images」分类下）。
2. 右键点击该镜像，选择「Run Interactive」。
3. 在弹出的命令行窗口里，添加挂载项目文件夹的参数：
   • Linux/macOS：-v /本地项目文件夹绝对路径:/容器内项目路径
   • Windows（PowerShell）：-v C:\本地项目文件夹绝对路径:/容器内项目路径
     示例命令：docker run -it -v /home/user/my-project:/workspace my-local-image
     （/workspace是容器内的路径，可自行指定，之后在VS Code里打开这个路径即可）
4. 执行命令后，容器会启动并进入交互式终端。

步骤2：连接VS Code到运行中的容器 #

1. 点击VS Code左下角的绿色远程连接图标（形如<>箭头）。
2. 在弹出的命令面板里选择「Attach to Running Container」。
3. 从列表中选择你刚才启动的容器，稍等片刻VS Code会重新加载并连接到容器环境。

步骤3：设置项目解释器 #

1. 连接成功后，在VS Code里打开容器内的项目文件夹（即你挂载的/workspace或自定义路径）。
2. 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板。
3. 输入对应语言的解释器选择命令，比如Python输入「Python: Select Interpreter」，Node.js输入「Node.js: Select Interpreter」。
4. 从列表中选择镜像里预装的解释器路径（比如Python的/usr/bin/python3或虚拟环境路径），VS Code会自动记住这个配置。

可选：保存配置方便下次使用 #

如果不想每次手动启动容器和连接，可以生成devcontainer.json配置文件：

1. 连接到容器后，打开命令面板，输入「Dev Containers: Add Dev Container Configuration Files」。
2. 选择「From Existing Container」，选中当前容器。
3. VS Code会在项目根目录生成.devcontainer文件夹及配置文件。下次打开项目文件夹时，VS Code会提示你重新打开到容器，一键进入开发环境。

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