window下安装docker参考
手把手教你使用 Docker 部署 Vue.js 项目
从零搭建docker+jenkins+node.js自动化部署环境

1.安装docker

参考链接1

2.通过docker获取nginx镜像

docker pull nginx

3.创建vue项目对应的镜像（Build）

3.1打包项目

我这里的vue项目是使用vue-cli3脚手架，执行命令npm run build

在项目根路径先创建Dockerfile

原文中的：
正确

FROM nginx
COPY dist/ /usr/share/nginx/html/
COPY nginx/default.conf /etc/nginx/conf.d/default.conf

后来被我修改成这样子发现不行，这个反而加深了对docker的理解。

Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了 Docker，就不用担心环境问题。

错误

FROM nginx
COPY dist/ E:\_winney\lemon\test_vue\vue-cli3-project\nginx/html
COPY nginx/default.conf /usr/local/bin/nginx/conf.d/default.conf

3.2在项目根路径下创建nginx/default.conf

server {
listen       80;
server_name  localhost;

#charset koi8-r;
access_log  /var/log/nginx/host.access.log  main;
error_log  /var/log/nginx/error.log  error;

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
}

#error_page  404              /404.html;

# redirect server error pages to the static page /50x.html
#
error_page   500 502 503 504  /50x.html;
location = /50x.html {
    root   /usr/share/nginx/html;
}
}

3.3 创建镜像

docker build -t vuecontainer .
会有提示：

SECURITY WARNING: You are building a Docker image from Windows against 
a non-Windows Docker host. All files and directories added to build context will 
have '-rwxr-xr-x' permissions. It is recommended to double check and reset 
permissions for sensitive files and directories.

最后通过命令查看容器是否创建成功docker images

image.png

4.运行（Ship & Run）

Docker 容器Container： 镜像运行时的实体。镜像（Image）和容器（Container）的关系，就像是面向对象程序设计中的类和实例一样，镜像是静态的定义，容器是镜像运行时的实体。容器可以被创建、启动、停止、删除、暂停等 。
运行命令：

 docker run -p 8088:80  -d --name vueApp vuecontainer

image.png
虽然启动成功，但是却访问不了，真的是略懂皮毛的，网上各种抄导致，自己不动脑，难受。
查看刚刚启动的容器：docker ps
image.png
然后访问http://localhost:8088/

5.其他命令

删除容器

先停掉docker容器：docker stop cfe76fe0f57c
再查看docker ps -a,其实是同一个容器。
根据镜像容器id删除容器：docker rm cfe76fe0f57c

删除镜像

首先需要停止该镜像的所有容器。
查询镜像id：docker images

image.png

删除镜像：docker rmi 3ddbced621ce

image.png