使用 docker 构建前端统一开发环境

开发新项目常见情形：

• git clone 下载项目源码
• npm install 下载项目依赖
• npm run build 构建项目

存在的问题：

• 操作系统版本问题，如macos win 和 linux 文件名大小写问题
• 运行环境差异，node-sass版本和node版本问题
• 安装的第三方包版本不匹配报错
• 开发环境和测试环境割裂

想要达到的效果

• 在不同的开发机上表现一致，与开发机系统无关
• 本地安装的基础环境(主要是node版本)不影响项目运行
• 非前端环境一键配置
• 其余人接手项目后，可以快速搭建好环境并运行项目

两个基本概念

镜像(image)：一套极简的 os + 基础运行环境

容器(container)：运行的镜像实例

docker 简单命令

拉取镜像

docker pull docker/getting-started

运行容器

docker run -d -p 80:80 docker/getting-started

查看运行中的容器

docker ps

进入容器

docker exec -it <the-container-id> /bin/sh