没有后端的基础,前端搞个jenkins自动化部署,还是挺麻烦的,遇到坑就...
本文是参照下面这位大佬的基础上,填坑出来的一些问题
![](https://img.kancloud.cn/20/a6/20a62afa91642f6ee12aac69e264c578_729x252.png)
点击前往:[前端项目自动化部署——超详细教程(Jenkins、Github Actions)](https://juejin.cn/post/6887751398499287054#heading-2)
## jdk安装与卸载
* [jdk11下载地址:](https://www.oracle.com/java/technologies/javase/jdk11-archive-downloads.html)https://www.oracle.com/java/technologies/javase/jdk11-archive-downloads.html
建议下载11或者8版本,不然下面回遇到坑。
* 卸载jdk其他版本
第一:找到控制面板,选择卸载程序
![](https://img.kancloud.cn/11/b8/11b8f51d584084a0d1be517102a79fee_876x562.png)
第二:右键单击,卸载即可
![](https://img.kancloud.cn/89/b4/89b44a046a06c5ac639dba493815de59_694x525.png)
## jenkins安装
[下载地址:](https://www.jenkins.io/download/)https://www.jenkins.io/download/
![](https://img.kancloud.cn/9c/cb/9ccb398e925f02c2cfc68027b7b5b56c_1591x804.png)
点击.msi文件安装即可。
### 重点来了:
* 踩坑:网上各种部署,看似都很正常,但是下图这个就是不会出来;(网上说的各种安装完成,自动打开浏览器,开个屁,你要是jdk版本不对,手动输入`http://localhost:端口`都访问不了,如果你安装11或者8版本,也不一定自动打开浏览器,还是需要手动去浏览器打开)。
* 填坑:jdk的锅,版本问题,选择11版本或者8版本的,[前往下载](https://www.oracle.com/java/technologies/javase/jdk11-archive-downloads.html)。
![](https://img.kancloud.cn/4b/42/4b426c5d0c8f49d070904d27451a9ebf_1281x696.png)
我在安装时,端口时8091,所以我手动打开`http://localhost:8091/`找到`initialAdminPassword`文件,复制密码,回车,等待...
出现下图:
![](https://img.kancloud.cn/c6/24/c62469b557f1cd7737cb47ff10520998_2155x790.png)
在次等待下图安装完成
![](https://img.kancloud.cn/8f/86/8f863e39486f5c181b96a04b8ea9df2d_1347x861.png)
安装完成后,创建用户,开始使用了
* 中文配置
> 安装插件:Manage Jenkins -> Manage Plugins -> Available -> Filter 中输入 Locale -> 勾选后点击 Install without restart
> 设置中文:Manage Jenkins -> Configure System -> Default Language 中输入 `zh_CN` -> 勾选 Ignore browser preference and force this language to all users -> 点击 Save
![](https://img.kancloud.cn/f6/ae/f6ae9ac37bbab7d2c08aeecbacc12f33_1103x684.png)
* 配置公钥
![](https://img.kancloud.cn/28/cb/28cb4071b3b88da910ec29dcd1d6d42d_739x413.png)
* 安装插件,输入nodejs、gitlab等安装
![](https://img.kancloud.cn/11/2d/112dfc00b282506a822708746326a7b0_2084x1021.png)
![](https://img.kancloud.cn/07/3b/073bd03b144dcacc4acd20d4d3c9bbd3_1359x835.png)
* 创建任务
![](https://img.kancloud.cn/94/d2/94d2e8ae799a469de0b2681c866cc7be_1987x584.png)
其他步骤,请按照[前端项目自动化部署——超详细教程(Jenkins、Github Actions)](https://juejin.cn/post/6887751398499287054#heading-2)
- 首页
- 2021年
- 基础知识
- 同源策略
- 跨域
- css
- less
- scss
- reset
- 超出文本显示省略号
- 默认滚动条
- 清除浮动
- line-height与vertical-align
- box-sizing
- 动画
- 布局
- JavaScript
- 设计模式
- 深浅拷贝
- 排序
- canvas
- 防抖节流
- 获取屏幕/可视区域宽高
- 正则
- 重绘重排
- rem换算
- 手写算法
- apply、call和bind原理与实现
- this的理解-普通函数、箭头函数
- node
- nodejs
- express
- koa
- egg
- 基于nodeJS的全栈项目
- 小程序
- 常见问题
- ec-canvas之横竖屏切换重绘
- 公众号后台基本配置
- 小程序发布协议更新
- 小程序引入iconfont字体
- Uni-app
- 环境搭建
- 项目搭建
- 数据库
- MySQL数据库安装
- 数据库图形化界面常用命令行
- cmd命令行操作数据库
- Redis安装
- APP
- 控制缩放meta
- GIT
- 常用命令
- vsCode
- 常用插件
- Ajax
- axios-services
- 文章
- 如何让代码更加优雅
- 虚拟滚动
- 网站收藏
- 防抖节流之定时器清除问题
- 号称破解全网会员的脚本
- 资料笔记
- 资料笔记2
- 公司面试题
- 服务器相关
- 前端自动化部署-jenkins
- nginx.conf配置
- https添加证书
- shell基本命令
- 微型ssh-deploy前端部署插件
- webpack
- 深入理解loader
- 深入理解plugin
- webpack注意事项
- vite和webpack区别
- React
- react+antd搭建
- Vue
- vue-cli
- vue.config.js
- 面板分割左右拖动
- vvmily-admin-template
- v-if与v-for那个优先级高?
- 下载excel
- 导入excel
- Echart-China-Map
- vue-xlsx(解析excel)
- 给elementUI的el-table添加骨架
- cdn引入配置
- Vue2.x之defineProperty应用
- 彻底弄懂diff算法的key作用
- 复制模板内容
- 表格操作按钮太多
- element常用组件二次封装
- Vue3.x
- Vue3快速上手(第一天)
- Vue3.x快速上手(第二天)
- Vue3.x快速上手(第三天)
- vue3+element-plus搭建项目
- vue3
- 脚手架
- vvmily-cli
- TS
- ts笔记
- common
- Date
- utils
- axios封装
- 2022年
- HTML
- CSS基础
- JavaScript 基础
- 前端框架Vue
- 计算机网络
- 浏览器相关
- 性能优化
- js手写代码
- 前端安全
- 前端算法
- 前端构建与编译
- 操作系统
- Node.js
- 一些开放问题、智力题