前言：
jenkin的用途：前端每次打包生成dist文件，还要把dist扔到服务器特别麻烦，这个时候我们使用jenkins就比较方便了，可以实现自动化部署。
首先我们把我们的电脑想象成一台服务器，当然如果你有服务器，也可以直接在服务器上，执行以下操作。我这里方便起见，就直接把我的电脑（mac）当做一台服务器。
上一期讲了如何安装jenkins，如果没安装可以去看上期的【jenkins的安装--mac电脑】
最终实现的效果： 每次提交代码，自动发布，或者是每30分钟，自动拉代码重新发布
- 打开jenkins新建一个任务
建一个名字为webapp的项目，选择构建自由风格的软件项目，最后点击确认
2.绑定git地址
默认选择的是master分支
3.构建触发器
我选择的是30分钟自动拉代码，重新部署。也可以配置为每次本地提交代码，自动发布 H/30 * * * *
先保存一下，等会回来继续编辑
4.配置node.js
回到主页，进入插件管理
在插件商店搜索nodejs安装
安装完成后进入全局工具配置，把node.js配一下，我选择的是12版本的node
然后回到主页，进入之前建的那个任务，webapp里，点击配置。
接着修改编辑构建环境
鼠标滚到构建环境这里，勾选如图，选择刚才安装的nodejs
5.执行shell
echo $PATH
node -v
npm -v
npm install
npm run build
完成后，点击保存
6.获取jenkins打包的地址，复制在nginxs上
注： 【如果nginx没安装的话，可以去看我之前那篇文章“ vue/react前端项目生成的dist文件使用nginx部署”】
点击构建
查看日志，复制构建后的地址
把这个地址复制在自己的nginxs.conf上即可
最后重启下nginxs
sudo nginx -s reload
6.在浏览上打开 网页
