jenkins前端自动化部署（vue+nginx）本地部署

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、下载地址

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

1.JDK下载地址

2.Jenkins下载地址

3.相关软件下载地址百度网盘

二、Jenkins安装和使用

1.下载

如图所示，下载指定的稳定版本（window），这里以msi文件安装为主

2.安装

1. 参考此文章链接：windows系统安装jenkins及配置

3.使用

1. 通过游览器地址栏，输入之前设置好的地址，访问。在首页选择Manage Jenkins
   
   2.点击插件管理
   
   3.在插件市场里下载NodeJS Plugin
   
   4.对git和node进行配置（Manage Jenkins=》Global Tool Configuration）

5.进行凭据管理，新增

4.创建项目

1.点击新建item

2.写上项目名=》选择Freestyle project=》确定

3.写上项目描述

4.源码管理选择git=》写上git上的url链接=》写上分支名称（与实际分支名称一致）

5.构建触发器配置（根据实际情况配置）

6.构建步骤配置

配置脚本（此脚本时window下的脚本，若是linux或docker，脚本自行百度）=》保存

call npm install
call npm run build
call "D:\winrar\Rar.exe" a -ep1 D:\nginx\nginx-1.22.1\tianfu\dist.rar C:\ProgramData\Jenkins\.jenkins\workspace\vue-test\dist
call "D:\winrar\Rar.exe" x -y D:\nginx\nginx-1.22.1\tianfu\dist.rar D:\nginx\nginx-1.22.1\tianfu
call cd D:\nginx\nginx-1.22.1\tianfu
call del /f /s /q /a "D:\nginx\nginx-1.22.1\tianfu\dist.rar"
exit 0

7.构建=》进入构建

8.查看控制台

---

总结

感谢风梧1994的原创jenkins安装教程。