一、安装前置软件

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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐