jenkins自动化部署vue

一. 安装插件

进入插件管理，安装NodeJS插件

二. 进行全局配置

在全局工具配置中自动安装 node

这里遇到了一个坑，我第一次安装的nodejs版本是图片中的12.18.3，一点击构建就内存溢出，服务直接就停掉了，买的服务器配置是1核2G的，内存比较小，所以要安装较高版本的nodejs，改成14+版本就好了。

三. 新建任务与配置

1. 新建自由风格的任务

2. 配置 github 源码路径

3. 配置构建环境

4. 编写构建脚本

#!/bin/bash
echo $PATH
node -v
npm -v
npm install
npm run build
cd dist
tar -zcvf dist.tar.gz *
scp dist.tar.gz /usr/local/nginx/html/
cd /usr/local/nginx/html/ && tar -zxvf dist.tar.gz
cd /root/.jenkins/workspace/XXX
rm -R dist

5. 立即构建

6. 查看对应目录，发现已成功生成构建文件

后端我使用的是 springboot 框架，部署步骤可参考以下博客：

jenkins + springboot + github + maven 自动化部署