* Jenkins 新建工作

输出工作名称，抉择创立一个自在格调的我的项目。

* 工作构建配置

作者用的是git，这里用git做例子。

输出我的项目的git地址，和用于登录git账号密码。指定分支抉择你想构建的git分支。

勾选构建触发器，用于git更新代码后会主动推送到jenkins主动构建。
减少构建步骤抉择：Execute shell
输出shell命令
npm install rm -rf ./dist/*npm run buildrm -rf /usr/local/tomcat/webapps/website/*cp -rf ./dist/* /usr/local/tomcat/webapps/website

点击保留利用。而后回到主面板。
点击我的项目进入到我的项目面板。点击Build Now立刻构建。

构建实现，然而左下角构建历史爆红阐明构建失败。点击工作空间右侧曾经呈现了我的项目，阐明从git地址和用户名账号没问题。

点击左下角报错列表后的下拉框抉择控制台输入看下谬误日志


找到谬误，website不是目录，阐明咱们服务器上tomcat webapps下没有这个文件。登录服务器查看下。

果然没有，咱们新建website文件夹。
mkdir website
回到Jenkins再次构建下。

构建胜利，看下控制台输入。

从控制台能够看出文件曾经被打包胜利，并且曾经放到tomcat下，进入tomcat下看看。

哈哈，这就是咱们想想要的成果。
启动tomcat拜访试试吧！http://localhost:8080/website。

* 配置Git更新后主动构建

作者这里用的是Github，gitlab同理。
登录github上并抉择到我的项目仓库。点击设置。

抉择webhooks 并点击add webhook


payload URL填写：Jenkins服务器地址+端口号+/github-webhook。
点击减少。配置结束。当代码提交后后会通过webhook通知Jenkins过去拉取代码主动构建。