答案是使用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(可选):自定义开发环境依赖示例:.devcontainer/devcontainer.json
{ "name": "My Dev Container", "build": { "dockerfile": "Dockerfile" }, "settings": { "terminal.integrated.shell.linux": "/bin/bash" }, "appPort": [3000], "postAttachCommand": "npm install", "remoteUser": "vscode"}
示例:.devcontainer/Dockerfile
FROM node:18RUN 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中文网其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/558691.html
微信扫一扫
支付宝扫一扫