jenkins前端项目自动化打包部署

jenkins前端项目自动化打包部署(本地windows下载jenkins）前几天写公司的一个项目没有自动化部署，我这一天天的打包麻烦后端上传。今天就来搞定前端自动化部署最好翻墙！！！！1.自己电脑本地下载安装jenkins （傻瓜式操作，不讲自己研究）2.打开jenkins页面。安装插件ssh（最后截图的SSH Publishers需要有ssh插件）[外链图片转存失败,源站可能有防盗链机制,建议

贫僧不好色

3519人浏览 · 2022-05-26 18:00:14

贫僧不好色 · 2022-05-26 18:00:14 发布

jenkins前端项目自动化打包部署(本地windows下载jenkins）

前几天写公司的一个项目没有自动化部署，我这一天天的打包麻烦后端上传。今天就来搞定前端自动化部署

最好翻墙！！！！

1.自己电脑本地下载安装jenkins （傻瓜式操作，不讲自己研究）

2.打开jenkins页面。安装插件ssh（最后截图的SSH Publishers需要有ssh插件）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PTNjAZC4-1653559026675)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220526172254373.png)]

在这里插入图片描述

进入系统配置，配置远程服务器

在这里插入图片描述

![(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220526172630290.png)

在这里插入图片描述

点击右下角test configuration按钮，测试配置

3.安装nodejs plugin插件，因为项目要使用到node 的命令 npm install, npm run build

和上面差不多。

4.安装完成以后开始创建项目，创建好了以后。

添加github地址，添加git账号。添加构建命令，这里我是vue项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sqNfsccu-1653559026679)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220526174131484.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cxBuKJ78-1653559026681)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220526175210003.png)]

在这里插入图片描述

这些配置完成以后保存。就可以执行构建了。

省略了很多步骤，因为是给自己看的。
有不懂的可以加我微信。可以一起交流技术

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NBWsrS7q-1653559026682)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220526175327689.png)]

以后在也不用麻烦后端同事了。