开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生： 开发将源码经过编译、压缩打包生成打包文件 将打包生成的文件上传服务器 显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很

为什么使用 Github Actions ？众所周知，前端部署无非就是把打包之后的代码丢到 nginx html 目录下就完事了，但是每逢产品频繁改需求，甚至只是让你改线上一个字的时候，你总要重复一遍

Jenkins + Github + Nginx 自动化部署 Vue 项目，看起来好像 Jenkins 非常复杂，但其实只要自己多实操几次，一次又一次的去想如何偷懒，你就可以一步一步发现更多的知识点。

Docker 介绍 🐳 Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。 GitHub Active ！

Jenkins 是一个开源项目，提供了一种易于使用的持续集成系统，使开发者从繁杂的集成中解脱出来，专注于更为重要的业务逻辑实现上。同时 Jenkins 能实施监控集成中存在的错误，提供详细的日志文件和提醒功能，还能用图表的形式形象地展示项目构建的趋势和稳定性。 最近在自己新买的…

Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必需的资源，通过容器就可以实现方便快速并且与平

EXPOSE： 指定运行该镜像的容器使用的端口，可以是多个。 . ：Dockerfile 文件所在目录，可以指定Dockerfile 的绝对路径

1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…

上一篇文章已经介绍了服务器所需要软件的安装和配置。下面介绍一下 jenkins 关联 GitHub关联，实现 GitHub 代码 push 之后自动触发 jenkins 打包代码并且发布到服务器; 2、github 设置GitHub webhooks（具体需要持续集成的项目），…