docker配置前端和数据库

一.先说说docker是个什么玩意

想一想假如你是开发团队的一员，你们一起开发一个项目，但是呢有个问题，成员A用的是mac电脑，成员B用的是linux操作系统，你是window用户，你会发现你们电脑运行环境是不一样的。或许你会问：运行环境不一样有什么关系呢？
这么说吧，你们电脑每个人都配置了一个java包，你是jdk7，而A是jdk5，B是jdk8，你们一起合作开发，你会发现，为什么一模一样的程序，A运行的起来，B也可以，你运行却报错了！为什么？原来你的jdk7和jdk5和8在某一方面不兼容导致你的程序崩溃了。
这时候你们需要统一开发环境，此时docker应运而生。
具体怎么用呢？别急，看下面：

注意：我这里用的是windows10系统，下载的是docker desktop，具体怎么配置docker去百度哦，教程很多，如果实在不行给我留言，我抽时间再出一个window10安装docker教程（当然别的也行，只要是dock，下面我一主要用docker desktop的图形界面操作）

然后安在wsl2里面

二.让Mysql跑在容器里

先去看一个我参考的教程如果看懂了就不用看我跑mysql容器了：
链接: 菜鸟教程.
打开docker desktop

打开命令行cmd
输入

docker images

这里是你pull的镜像（下载的镜像）

然后

docker pull mysql:5.7.30

再docker images，就可以看见mysql了

输入

 docker run -itd --name mysql-test -p 3307:3306 -e MYSQL_ROOT_PASSWORD=123456 mysql

这里mysql本算端口输出是3306，我将它映射到3307（因为我的window自己本来的mysql正在3306运行）
然后docker ps

这时候你的mysql容器已经跑了起来，你需要在navicat来建一个新的连接

然后就成功了！这样你的3307端口可以访问一个docker容器的mysql数据库了

之后如果你把运行的容器关了


说明新的mysql没了

三.前端搭node.js环境

这里我用的是vscode来弄的，用idea或者别的也行，我有空试试去。
这里你先pull一个node

docker pull node

然后你会发现

然后run

然后去vscode里面下载插件
一.docker

二.Remote - Containers

然后重启VScode

发现正在运行的容器：
右键-点击attach vscode

会有个新窗口，进去应该是这样：（马赛克涂的是我后加的）
你新建一个文件夹，比如vue

然后cd vue（这里是默认linux系统）

如何按你平时怎么创建vue项目的命令来（下面指令借鉴用）

npm install vue
npm install -g @vue/cli
npm install
npm create lwj

这样就可以在容器里创建好vue项目，这样让你的成员也pull同一个版本的node，这样你们的前端开发环境就都一样了。大家用的同一个node同一个docker容器的环境。

时间匆忙：有疑问可以提出，写的不好不要喷，可以多交流讨论