Jenkins-win-部署vue项目
1、首先在安装好jenkins和gitLab 得环境中
2、进行jenkins插件安装
登录jenkins,系统管理-管理插件,选择可选插件,在过滤中查询gitLab、nodejs、build等关键信息,下载并安装以下插件:
GitLab Plugin ;
Gitlab Hook Plugin ;
NodeJS ;
Build Authorization Token Root Plugin ;
其中gitLab plugin用于jenkins连接gitLab项目,gitlab Hook plugin和Build Authorization Token
Root Plugin用于进行gitLab变动后jenkins自动进行任务部署;NodeJs 用于jenkins进行vue项目打包;
三、进行全局工具配置
系统管理-全局工具配置
1、git配置
找到Git配置,在命令窗口中输入where git 返回的路径即为git安装地址,将该地址复制到Path to Git executable中(记得去除.exe后缀)
2、NodeJs配置
别名自取,用于标识,version选择jenkins服务器中安装的nodeJs版本(可通过命令node -v进行查看,必须选择你安装的版本,不然打包时会出现错误)
进行项目正式配置
新建一个自由风格的项目
1、在源码管理中选择git,在下方配置repositories中url中输入你需要打包项目的gitlab路径(若jenkins服务器未安装git则会报错,若安装完成依旧报错先不处理,等先添加credentials后一般会自动消失),点击credentials后方add按钮,添加gitlab用户名密码用于进行项目下载上传
生成得token 在gitlab中配置 web hooks
选择高级 生成secret token
若需要进行vue项目打包则进行本项配置,若不需要则跳过
选中构建环境,选中Provide Node & npm bin/ folder to PATH ,下方NodeJS Installation选中之前在全局配置中配置的nodejs
依次添加你需要的命令
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?