Linux下Jenkins部署vue项目

写在开始:一个搬砖程序员的随缘记录

由于我是用的宝塔搭建的服务器。所以已经装好了nodeJs
没有安装nodeJs需要在Jenkins中安装nodeJs插件

一、Jenkins安装nodeJs(服务器已安装nodeJs跳过此步骤)

1、下载安装nodeJs


我是已经下载过了。所以是在已安装。没下载过是在可选插件中。

2、nodeJs进行全局配置

二、创建Jenkins任务

填写项目名称

进行项目git路径配置

git账号/密码配置

在构建环境中把我们的node环境添加进去（在服务器已经装好nodeJs的跳过这一步）

添加执行脚本的Shell

脚本如下：

cd /root/.jenkins/workspace/vue_demo #切换到项目目录
npm install 
npm run build #打包项目
cd dist #切换到打包好的目录文件夹
rm -rf vue_demo.tar.gz #删除上次打包生成的压缩文件
tar -zcvf vue_demo.tar.gz * 
cp vue_demo.tar.gz /web/vueDemo #复制打包好的包的指定目录
cd /web/vueDemo
tar -xzvf vue_demo.tar.gz # 解压

创建对应的项目文件夹

cd /
mkdir web
cd web
mkdir vueDemo

运行项目

下篇文章会写：Linux下nginx部署vue项目
Over