Windows系统下Jenkins安装、配置自动化部署vue项目

一、安装前置软件

image.png

二、安装Jenkins

image.png

  • 安装Jenkins

1. 打开下载的安装包

image.png

2. 选择安装路径,建议默认

image.png

3. 设置本地访问或域访问

image.png

补充:如果设置域访问,点击Test Credentials出现警告,则在window下找到本地安全策略设置,添加用户:
打开电脑的菜单,搜索本地安全策略 —> 本地策略 —> 用户权限分配,在右侧找到作为服务器登录,双击打开(如果搜索不到,可以打开控制面板 —> 管理工具,就能找到本地安全策略)

image.png

4. 设置jenkins访问端口,选择可用端口

image.png

5. 设置JDK路径,选择之前安装的Java17默认路径

image.png

6. 自定义设置默认下一步

image.png

7. 确认安装

image.png

8. 安装完成

image.png

三、Jenkins设置

1. 解锁Jenkins

打开浏览器,输入网址:http://127.0.0.1:8081 (本地的,如果有设置域名和其他端口自己换一下登录入口),根据提示输入管理员密码(复制提示地址用记事本打开复制密码)
image.png

2. 安装插件

选择安装推荐的插件即可,等待安装完成
image.png

3. 创建管理员用户

image.png

4. 实例配置

image.png

5. 完成配置

image.png

四、Jenkins全局配置

1. 安装所需要的插件 Manage Jenkins -> Plugin Manager -> 可选插件

image.png

2. 配置NodeJs插件 Manage Jenkins -> Global Tool Configuration -> NodeJS 配置node版本和npm全局安装包

image.png

五、Jenkins使用

1. 新建项目

image.png

2. 配置General,按需配置

image.png

3. 配置源码管理,需要配置远程的git仓库地址和账户,注意对应的分支

image.png

4. 配置构建环境 输出时间和配置node环境

image.png

5. 添加构建步骤

image.png

6. 添加命令测试环境是否配置成功 node -v & npm -v & yarn -v

image.png

7. 返回项目进行构建

image.png

8. 查看构建日志

image.png
image.png
image.png

9. 修改配置改成自己项目的打包流程(示例先通过yarn安装依赖,然后打包,使用windows命令删除站点对应一个文件夹,两个文件,将打包后的dist目录下文件复制到对应站点下)

image.png

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值