使用Jenkins自动化构建vue项目

一 安装Jenkins

操作系统： Linux Ubuntu 18.04
查看Jenkins官方网站，安装Jenkins的前提需要 提前Java 8 or Java 11

root@ubuntu:~# java -version
openjdk version "11.0.4" 2019-07-16
OpenJDK Runtime Environment (build 11.0.4+11-post-Ubuntu-1ubuntu218.04.3)
OpenJDK 64-Bit Server VM (build 11.0.4+11-post-Ubuntu-1ubuntu218.04.3, mixed mode, sharing)

将Jenkins存储库密钥添加到系统：
wget -q -O - [https://pkg.jenkins.io/debian-stable/jenkins.io.key](https://pkg.jenkins.io/debian-stable/jenkins.io.key) | sudo apt-key add -
将官方提供的软件仓库地址加入到本地的apt软件源中，本地用于存放软件源的文件在/etc/apt/sources.list
deb https://pkg.jenkins.io/debian-stable binary/
更新我们本地的软件源缓存，然后直接安装jenkins

sudo apt-get update
sudo apt-get install jenkins

启动Jenkins
sudo /etc/init.d/jenkins [start|restart|stop]
打开网址：
http://192.168.1.17:8080

image.png
在/var/lib/jenkins/secrets/initialAdminPassword找到初始密码
安装系统推荐的插件，并开始使用

创建登录yonghua
用户账号
image.png

因为要发布vue项目，所以需要在安装一个nodejs插件，Jenkins提供了强大的插件库共选择

打开“系统管理”--“管理插件” 搜索 nodejs 然后勾选安装
打开“系统管理”--“Global Tool Configuration” 拉到底部 配置 node插件，如图：

image.png

构建第一个VUE项目

image.png image.png
image.png
构建触发器：
H/5 * * * *:每5分钟检查一次源码是否有变化，如果有变化，会重新构建项目。
image.png
配置环境：
选择刚才在Global Tool Configuration配置的node版本

添加构建shell命令
image.png

项目最后的打包文件dist也会在var/lib/jenkins/workspace/NcBaseUI/src/NCBase_UI路径下生成。并把dist所在的路径设置成nginx项目发布的路径。这样每次项目构建完成，发布版本也随着更新。

最后保存
在构建控制台查看输出

image.png