使用Docker+Jenkins+Gitee自动化部署Vue+ElementUI项目

参考本文章并打算跟着步骤进行构建部署的朋友们，建议直接先看踩坑总结，看看自己是否存在对应的问题，免得构建完才发现出错了，毕竟构建一次过程还挺长的。也可以自己走一遍后再参考如何解决啦。

1、Docker安装Jenkins

• 关于如何安装Jenkins，网上教程攻略很多，此处不做过多赘述。也可以参考我上一篇文章使用Docker+Jenkins+Gitee自动化部署SpringBoot项目中搭建基础环境部分，使用Docker-Compose安装Jenkins的部分。

2、Jenkins安装所需插件

• Publish Over SSH：远程连接工具
• Gitee：gitee仓库的一些辅助工具
• NodeJS Plugin：NodeJS工具
  插件的安装过程都是一致的，同样可以参考我上一篇文章使用Docker+Jenkins+Gitee自动化部署SpringBoot项目中安装核心插件部分

3、全局工具配置

• git
  默认配置即可。
  
• NodeJS
  需要注意的是，NodeJS最好根据自己本地环境的版本来选择，不要盲目选择最新版本。这可能会导致很多兼容问题。在本地环境调出控制台，输入node -v查询本地Node版本。我的版本是14.4.0，因此在这里我选择的是14.4.0版本。
  

4、配置全局凭证

配置Gitee全局凭证，用于连接仓库拉取代码。

5、创建Dockerfile文件

在对应的项目根目录下，创建Dockerfile文件，并上传至gitee仓库。

FROM node:14.4.0 as build-stage
WORKDIR /app
COPY . .
RUN npm install && npm audit fix && npm run build

FROM nginx:stable-alpine-perl as production-stage
COPY --from=build-stage /app/dist /