给前端的docker 10分钟真 · 快速入门指南

给前端的docker 10分钟真 · 快速入门指南

2022年了，咱前端花点时间学点docker，不吃亏不上当

还没有了解过docker吗，没关系，咱模拟几个场景，两分钟就给你搞明白它是什么，我们什么时候需要它

接着我们拿剩下的七八分钟用docker来同时部署vue2、vue3两个项目，对就是这么快！

1 docker是什么

场景模拟1：单机

在公司勤勤恳恳的你很快得到了领导的认可，这天他让你接手这下面几个新项目，你需要将它们安装在自己的电脑上

慧眼的你发现，这里有多个不同版本的nodejs和mysql：还行，对我来说小意思

场景模拟2：多机

此时公司新来了3个前端实习生和新人，领导要你把这几个项目也给他们安装在本地电脑运行

由于公司历史等原因，暂时只能给他们配置了不同操作系统的电脑：win7、win10、OSX等等

现在你需要把这几个项目分别安装在几台电脑的不同操作系统上，看图

机智的你发现，你的头现在一个比两个大

“安装麻烦费时间，新来的人做项目的时候，还得针对不同项目去切换匹配的版本来用，容易犯错这也给主机环境造成污染这也给主机环境造成污染，一想到未来还有更多的项目要这么搞，这时候可能有人已经想跑路了”

辛辛苦苦安装完成后，看你这么给力，领导又让你在公司内网的两台小服务器上部署一下这几个项目，做公共的开发和测试环境，哦对这两台服务器是linux的，你是不是准备开始百度如何在linux 安装node 和 mysql了？而且还是要安装多个版本的。要是这两台服务器的linux系统还不同呢？

现在到轮到你想提桶了吧

3 docker出场

别慌，这时候docker出场了，它能帮你抹平不同系统的应用程序安装差异

等等，那为啥不用虚拟机？

因为虚拟机启动慢、损耗大、占用资源多，在不同系统上的迁移/拓展比较复杂

但是docker它不会啊，它启动是秒级的，占用资源少，香不香，跨平台还方便复制

写好配置后，它一个命令就在电脑上同时安装不同版本的nodej、msyql、nginx 等而且是互相隔离独立同时运行，这时候还不需要你手动来回切换

上面的问题不就轻松解决了吗，现在你对docker感兴趣了没

2 docker 基础

现在我们开始来了解一下docker的基础吧

docker 分几个概念：镜像、容器、仓库

镜像：就是像是我们装机时候需要的系统盘或者系统镜像文件，这里它负责创建docker容器的，有很多官方现成的镜像：node、mysql、monogo、nginx可以从远程仓库下载

容器：可以比拟成一个迷你的系统，例如一个只安装mysql5.7的linux最小系统，当然你喜欢也可以把mysql、node安装在同一个容器中，记住，容器与容器，容器和主机都是互相隔离的

仓库：仓库就像是github那样的，我们可以制作镜像然后push 提交到云端的仓库，也可以从仓库 pull 下载镜像

3 安装

docker的安装很简单，win、osx都是图形界面安装，linux的也几行命令,现在的mac的m1芯片系列也支持了，这里我们先略过安装步骤，要快！先看完！

ps:在m1芯片的docker上安装mysql需要稍加点配置

安装好运行下方代码查看

docker -v

4 实战：部署vue2和vue3项目

安装好docker后，我们现在来实战了，搓搓手

我们要让电脑同时运行nodejs10和nodejs12多个版本

ps: 咱先快速入门，我们暂时先把不同版本的mysql安装放一边哈

4.1 准备vue2 、 vue3项目

先跟着一起做，咱后面再解释

现在新建一个文件放我们的项目：命名 为 :my-repository

安装vue2+webpack项目