Windows服务器下使用jenkis部署VUE项目

背景:windows服务器使用jenkis集成工具自动部署VUE项目

 

准备工作:

1.代码仓库使用gitee,gitlab及github同理。

2.在服务器下载jenkis 2.332.3版本,历史jenkis版本下载请参考: http://mirrors.jenkins.io/

3.在服务器下载git 2.31.0.rc2,历史git版本下载请参考:https://nodejs.org/zh-cn/download/releases/

 

jenkis设置工作:

下载完成后需要设置以下几个步骤

1.点击Manage Jenkis选中Global Tool Configuration设置服务器git安装路径

 

2.在Manage Plugins下搜索NodeJS插件并安装

 

 

 

 

3.在Global Tool Configuration选项下设置NodeJS版本,等下打包构建的时候要用到

 

 

 

 

 

 4.新建一个Item

 

 

 

 

5.选择配置,设置链接gitee仓库及设置打包构建命令

 

 

 

 

7.设置gitee仓库链接,gitlab及github同理

 

 

 

 

8.设置git账户名及密码

 

 

 

 

9.选择nodejs构建

 

 

 

 

10.选择构建,window服务器请选择Execute Windows batch command

命令解释:

1.每次打包前先强制删除项目下的node_modules文件夹及下面的文件

2.安装依赖

3.build打包

 

 

 

11.增加一步构建命令

命令解释:

1.删除网站站点下dist文件夹

2.复制粘贴jenkis打包好的dist文件及内容,强制覆盖至网站站点下的dist文件夹

 

 

 

12.点击应用后点击保存即可

 

13.选择Build Now,观察左侧下方打包进度条,进度条百分百为绿色即为打包成功,如果中断标红,查看console控制台输出,解决对应问题即可

 

 

 14.最后实际部署到站点效果

 

 

posted @ 2022-05-19 18:48  隔壁的老王嗷嗷嗷  阅读(349)  评论(0编辑  收藏  举报