Jenkins + Docker + Git 自动化部署前端vue项目

以下是 Jenkins + Docker + Git 自动化部署前端 Vue 项目的步骤：

1. 安装 Docker 和 Jenkins：Docker 是一个容器化平台，Jenkins 是一个自动化构建和部署工具。
2. 创建一个新的 Jenkins 任务：在 Jenkins 的界面上，点击 "新建任务"，选择 "自由风格项目"。
3. 配置 Git 仓库：在 Jenkins 任务的配置中，添加 Git 仓库的 URL 和凭证信息，以便 Jenkins 可以从 Git 仓库中获取代码。
4. 配置构建触发器：在 Jenkins 任务的配置中，选择 "构建触发器"，选择 "轮询 SCM"，并设置定期检查 Git 仓库的时间间隔。
5. 配置构建步骤：在 Jenkins 任务的配置中，选择 "构建步骤"，添加构建步骤 "执行 Shell 脚本"，在脚本中编写 Docker 镜像的构建和部署命令。
6. 配置构建后操作：在 Jenkins 任务的配置中，选择 "构建后操作"，添加 "构建后步骤"，选择 "推送 Docker 镜像"，并填写 Docker 镜像的仓库地址和凭证信息。

以上步骤完成后，每次代码提交到 Git 仓库后，Jenkins 就会自动触发构建和部署过程，将 Vue 项目打包成 Docker 镜像并部署到指定的服务器上。