jenkins上部署前端vue项目

前言

在这里默认读者已经安装完j e n k i n s，如有没有安装的可参照jenkins安装与部署

配置步骤按照以下图片操作即可

1、项目构建风格

任务名称输入一个我们可识别的；

首先选择构建一个自由风格的软件项目，如下图

2、General选项卡配置

在生成界面中General配置项中选择丢弃旧的构建

3、源码管理选项卡配置

源码管理选项卡中的Repository URL处填写我们的项目的git地址、Credentials出选择我们的用户名和密码即可

4、构建环境选项卡配置

此处注意，一定要选择我们vue的识别选项

Provide N o d e & n p m b i n/f o l d e r to P A T H 选中，然后更改n o d e j s版本信息其他的默认。

 注：此处的nodejs14是需要在系统管理-》全局工具配置 中配置以下nodejs

        在这之前，需要先安装nodejs插件

5、构建选项卡配置

shell脚本如下：

cd /root/.jenkins/workspace/qiaomu-vue
node -v
npm -v
npm install
npm run build
cd dist
rm -rf qiaomu-vue.tar.gz
tar -zcvf qiaomu-vue.tar.gz *

6、构建后操作选项卡配置

 注：deploy.sh（存放到目标服务器的/tools/soft/html文件夹内） 脚本的内容

#!/bin/bash
tar -xzvf $1 -C $2
find $2 -name "*.tar.gz" -exec rm -rf {}  \;
echo '发布成功'

 关于j e n k i n s中配置V u e项目就到这里。

欢迎大家点击下方卡片，扫描 关注 《coder练习生》，关注更多编程知识