vue3-环境搭建(docker版本)

序

大大小小项目经历无数，之前都是写的vue2的项目，因为项目需要，边学边用vue3，也算能转的开，但心里一直想系统的理顺一下vue3。

看了看极客时间，掘金小课，都没有能达到心里预期的“系统学习”，于是翻了翻vue3的官方文档，刹那间感觉来了，中文文档，条例清晰，还有示例程序，粗粗看了看前几章，文档质量比vue2强太多了，完全是教科书式的文档。跟着文档学，准没错。

环境搭建

由于nodjs的包机制，前端环境永远是无法轻松逾越的大山，时不时的nodjs版本不对，包中某个引用异常，然后各种百度各种尝试。看着前端项目，常常感叹，咋引用那么多包啊。

但我不是一个纯前端，我不会在环境上浪费太多时间，因为我有docker。docker在手，环境搞定。

不会docker没关系，按照下边操作，一样能搞，最重要的是比装nodjs简单。至于开发，还是在你本地开发。因为docker有个数据卷映射功能，能把你开发目录直接映射到docker系统里的目录。

因为我用的是win环境，所以要说的也是win docker安装vue环境。

win docker

百度直接搜索docker，进入官网，直接点击那个window版本的下载。大概564M，下载完后，一路next安装。这要说明一点的是你的系统必须是win10及以上，家庭版本的系统需要自己百度攻略开启wsl2。

docker镜像制作

docker安装完后，也启动了，你先创建一个项目目录，假设叫D:/vuedemo,然后在该目录下新建一个docker镜像制作的文本，名字就叫Dockerfile。内容如下：

FROM node
LABEL maintainer="作者随便 <happy@hanpp