jenkin自动部署VUE

最新推荐文章于 2024-08-09 16:13:55 发布

有你有我OK

最新推荐文章于 2024-08-09 16:13:55 发布

阅读量141

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/u011128560/article/details/118667737

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了如何配置和使用Jenkins进行自动化构建，包括安装Maven插件、Node.js，解决cnpm安装问题，修改Jenkins主目录，配置远程Linux服务器进行文件传输和执行命令。通过新建自由风格项目，设置Git源代码管理，执行npm构建命令，打包并压缩文件，最后将文件部署到远程服务器的指定目录，实现了一套完整的自动化构建和部署流程。

摘要由CSDN通过智能技术生成

使用工具

	git, maven, node.js

1.按照 maven 插件

            Maven Integration plugin

2. 按照nodejs 参考地址

	     [https://www.cnblogs.com/littleBees/p/14763639.html](https://www.cnblogs.com/littleBees/p/14763639.html)
     
         **在安装cnpm过程中提示安装失败，后来电脑重启安装成功

3. 可选修改jenkins主目录

           查看主目录默认安装在C盘,有时jenkin操作时无权限，可通过修改配置文件切换到其他盘
            修改jenkins.xml，在我们最开始的安装是选择的目录中有jenkins.xml文件
			<env name="JENKINS_HOME" value="%LocalAppData%\Jenkins\.jenkins"/>

配置远程linux ---- Publish over SSH （使用密码登录）

在 Global Tool Configuration 配置 maven, jdk，nodejs

4. 都配置完后新建构建环境

4.1 新建自由风格项目

在这里插入图片描述

4.2 git代码路径配置代码下载路径及新建授权账号密码

4.3 构建环境选择nodejs配置

         	选择    Provide Node & npm bin/ folder to PATH  配置
            构建指令：
             构建执行相对路径为按照路径中的项目路径： 
             新建项目名称为 mvFron:      D:\soft\jenkins\workspace\mvFront
               删除文件夹命令：rd D:\soft\jenkins\workspace\mvFront\dist /s/q
             （第一次编译时需要运行 cnpm i     安装vue编译插件）
			   npm run build
            
            windows 压缩需要安装 winrar软件  
             压缩命令：
             "D:\Program Files\WinRAR\WinRAR.exe" a -k -r -s -m1 D:\soft\jenkins\workspace\mvFront\dist\dist.rar dist

构建后操作

        赋值文件到远程服务器，并进行命令操作
        选择远程服务器
        Transfers set 相对路径为 ： 新建项目路径：  D:\soft\jenkins\workspace\mvFront

Source files dist/dist.rar
Remove prefix dist
Remote directory var/www/html/
Exec command
cd /var/www/html/
rm -rf mvproduction
mkdir mvproduction
mv dist.rar ./mvproduction/
cd mvproduction
unrar x dist.rar
rm -rf dist.rar
mv ./dist/* ./
rm -rf dist