使用docker搭建前端开发环境方法步骤详解

本文和大家分享的是使用docker快速搭建前端开发环境的方法步骤，希望可以帮助大家更好的学习docker ，一起来看看吧。

一、解决痛点

1.免搭建前端静态环境

2.分支切换，无需重新启动编译（ package.json 或 gulpfile.js 文件改变除外）

3.nginx 可自行配置，满足不同项目的需求

二、前端静态搭建思路

　　基于 ubuntu 系统环境，利用 nginx 静态资源服务器经过 docker 暴露出来的端口进行请求转发，这样后端的开发机上面只需要安装 docker 就能够访问前端的静态资源，不需要访问前端开发机。

三、具体解决方案

1.用 Kitematic 客户端实现跨平台运行 Docker

2.用端口映射预览 Docker 里的文件

3.用 nginx + 端口映射编辑 Docker 里的文件

4.配置一个通用的 Image（镜像）

　　这里面有几个概念需要先解释一下。

　　首先， Kitematic 是一个 Docker GUI ，配置非常方便。

　　其次，Docker 中最重要的三个概念是 Container（容器）、Image（镜像）和 Volume（卷）。

Image 是静态内容，如果你要把某个 Image 跑起来，那就需要一个 Container。这里面有一点很重要：Container 中所做的改动不会保存到 Image。如果需要保存改动，很简单，执行 docker commit ContainerID TAG 即可，类似于 git 的 commit

　　如果不想使用 commit 仍想保存文件，docker 也提供了一个方法：使用 Volume。

Volume 就是专门存放数据的文件夹，启动 Image 时可以挂载一个或多个 Volume，Volume 中的数据独立于 Image，重启不会丢失。