手把手教你Vue项目实现本地Docker部署

近几年来，Docker 技术的应用已经越来越流行，目前已经产生前端工程Docker 化，身为前端开发的我，花了几天时间研究了下 Docker 的知识点，并实现了 Docker 本地部署 Vue 项目。希望可以给有需要的同学一点帮助。

什么是Docker?
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的Linux 机器上，也可以实现虚拟化，容器是完全使用沙箱机制，相互之间不会有任何接口。简言之，就是可以在 Linux 上镜像使用的这么一个容器。点击查看更多可以了解更多Docker知识。
为什么前端需要了解Docker
首先，目前产生前端工程 Docker 化的趋势，学习并且掌握这个技术有利于提高自身竞争力。

其次，前端 Docker化 有利于前端开发工程师更专注于开发本身，弱化软件环境，降低项目部署难度。
具体实现！撸它。
Docker安装
brew cask install docker
复制代码本人是 mac 电脑，所以介绍下 mac 下的安装方式，windows 或 其他系统的同学，可以点击查看更多了解其他安装方式。
在载入 Docker app 后，点击 Next，可能会询问你的 macOS 登陆密码，你输入即可。之后会弹出一个 Docker 运行的提示窗口，状态栏上也有有个小鲸鱼的图标。
启动终端后，通过命令可以检查安装后的 Docker 版本。
$ docker --version
Docker version 19.03.8, build afacb8b
复制代码构建vue项目
首先，选择一个创建好的Vue项目（本案例是采