1.docker安装

www.bilibili.com/video/BV1za…

2.编写dockerFile文件

(1)打包文件生成dist文件夹

npm run build

(2)在dist目录下编写dockerfile

# 1.FROM设置node版本,其实也是设置基础镜像
FROM node:14   
# 2.ADD把" . "即当前文件夹的内容 复制到/app的目录下
ADD . /app 
# 3.WORKDIR设置工作目录即项目的运行时目录
WORKDIR /app 
# 4.RUN可以运行时执行的命令,给环境安装live-server工具
RUN npm install -g live-server
# 5.CMD也是运行,这里就启动容器内项目
CMD npm run serve

3.制作镜像文件(在编写的dockerfile目录下启动小黑屏)

docker build -t test:v1 . 
//test时镜像image的名字,v1是设置的版本号,最后的 . 表示当前文件夹

5.运行镜像产生容器

docker run -p 8080:8080 --name container  test:v1
// -p是设置暴露端口号 将:后面的即容器内的8080暴露,给外部环境的,在外部环境启动一个8080用于使用
// --name 设置产生的容器名字container
//  test:v1 执行的镜像名和版本号 镜像名也可以用镜像的ID来代替

6.导出镜像文件

//#docker save -o 保存的文件名.tar 镜像名:版本
docker save -o ccbDemo.tar test:v1

7.镜像文件导入

//docker load -i 导入镜像文件.tar
docker load -i ccbDemo.tar