# 使用 Jenkins 对 Vue 和 Java 应用进行打包
在现代软件开发中，自动化构建和持续集成是提高开发效率和代码质量的重要手段。本文将介绍如何使用 Jenkins 对 Vue 前端框架和 Java 后端应用进行打包，服务于一个典型的全栈开发环境。
## 什么是 Jenkins？
Jenkins 是一个开源的自动化服务器，帮助开发者自动化构建、测试和部署软件。通过设置项目的构建任务
前端工程化的今天，版本发布已经成为开发中的重要一环。很多项目开发中都开始使用jenkins来做自动发版工作。不过jenkins复杂的安装配置比较不容易上手，而且很多环境是不适用安装jenkins来做自动发版的。我模拟Jenkins逻辑写了一个node版本的自动发版的程序。带大家了解一下自动发版的基本原理。同时，如果需要的朋友也可以直接上手来使用。仓库地址和使用方式使用方式：> git clo
转载
2023-08-23 19:39:32
558阅读
如果你想从头开始在服务器上用jenkins部署vue项目，那么我这篇博客肯定是你最好的选择，因为我在这个实践过程中，在网上找了很多博客，发现没有一篇是完完整整，没有坑的实现jenkins部署vue项目。我现在把我从头基于jenkins部署vue项目的实践过程分享给大家。 购买服务器： 我购买的是阿里云的服务器 CentOS 7.3 64位
转载
2023-10-18 21:39:44
192阅读
目录前言一、优化静态资源二、vue项目打包体积优化1.路由懒加载2.抽离第三方js库3.小结三、代码优化1.减少页面的重排和重绘2.多设置key值四、服务器优化1.nginx服务器开启gzip文件压缩2.nginx服务器开启http2五、总结 前言最近在腾讯云上面买了一个服务器，准备把最近写好的一个vue项目打包部署上去，然后直接npm run build,把它往nginx上面一扔，然后直接访问
转载
2024-04-10 11:20:39
318阅读
1.配置node.jscentos7 安装node.js1.1.安装node.js插件路径：Manage Jenkins > plugin Manager > 可选插件搜索：nodejs,勾选后，点击Install without restart1.2.配置node.js路径：Manage Jenkins > Global Tool Configureatuib填写no
转载
2024-03-15 08:22:40
358阅读
一、总体步骤流程概览二、脚本路径三、拉取Git代码1、配置需要Git打包分支全局变量 2、脚本说明stage('拉取Git代码') {
steps {
echo "\n--------------- 拉取Git代码 start ---------------\n"
// 拉取Git上的最新代码
git
转载
2024-04-28 16:15:37
109阅读
jenkins+npm、maven打包+文件传输远程部署流程步骤一jenkins的安装jenkins服务启动访问jenkins页面步骤二npm的安装前端工程编译步骤三maven的安装maven配置注意项maven的使用步骤四结合jenkins进行自动部署1.jenkins配置2.以创建一个自由风格的软件项目为工程3.源码管理4.npm的构建5.maven的构建6.远程文件传输及shell执行7.
转载
2024-02-21 08:10:12
806阅读
引言前文中已经介绍了什么是cordova 为什么要用cordova，基础的环境搭建以及如何编译打包生成APK安装包，接下来我们介绍如何使用Jenkins 自动化编译打包生成APK安装包！服务器搭建在搭建jerkins之前首先需要一台服务器环境，一个虚拟机或者阿里云租一台，这里我以虚拟机为例子：准备一台虚拟机：系统为centosdocker环境的搭建docker 环境的搭建，docker是什么？为什
转载
2024-04-25 12:35:09
56阅读
jenkins的安装Jenkins是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测试和部署软件。Jenkins 支持各种运行方式，可通过系统包、Docker 或者通过一个独立的 Java 程序。安装这里的操作系统为WSL Ubuntu，其它系统的安装的请参考jenkins官方文档wget -q -O - https://pkg.jenkins.io/debian/jenkin
转载
2024-04-23 15:15:54
74阅读
npm build 打包前端项目实际上是执行 node build/build.js，但是随着项目的依赖包越来越多，项目打包时间不断延长，为了改善这个问题，需要从node入手暂时解决方案：扩大node运行程序的内存，经本人测试(项目和机器固定)2G：308.11s
4G：284.96s
6G：280.94s
8G：277.63s
10G：277.86s
因此看出设定为8G差不多，因为再往
转载
2024-02-29 11:30:23
180阅读
1. Execute shell. /root/.nvm/nvm.shnvm use v12.2.0cnpm installnpm run testcd distrm -rf ydc_parkrun.tar.gztar -zcvf ydc_parkrun.tar.gz --exclude=node_modules *cd ..2. Send build artifacts o...
原创
2022-01-29 10:36:23
295阅读
1. Execute shell. /root/.nvm/nvm.shnvm use v12.2.0cnpm installnpm run testcd distrm -rf ydc_parkrun.tar.gztar -zcvf ydc_parkrun.tar.gz --exclude=node_modules *cd ..2. Send build artifacts o...
原创
2021-07-12 13:44:39
260阅读
在 linux 上可以通过以下命令去管理 jenkins 的服务：systemctl start jenkinssystemctl stop jenkinssystemctl status jenkins复制代码配置jenkins 的配置文件在这个目录下：/etc/sysconfig/jenkins，我们可以通过这个配置文件修改 jenkins 的端口号，因为 jenkins 默认端口号都是 80
Jenkins打包VUE微前端项目代码一、业务场景二、环境三、给Jenkins添加nodejs插件1、在Manage Jenkins 页面选择Plugins2、选择Available plugins页面，里面搜索nodejs,然后勾选安装3、在Manage Jenkins 页面选择Tools,下拉到底部，点击nodejs安装4、新增node版本，跟自己项目版本一致四、新建主项目1、工作台首页点击
转载
2024-09-24 08:52:51
551阅读
前面的话为了前端项目的工程化，减少项目发布环境的部署，实现自动化打包部署。传统的做法，在服务器初始一个 git 仓库，然后每次代码更新后，手动去拉取，次数多了也就烦了，而自动化打包部署每次只需在项目开始前配置一遍 jenkins 之后所有的人工操作都不需要管了。(ps: 有问题甩锅给 jenkins 就行了[呲牙])自动化部署原理本地代码push到Github
webhook检测到Github的p
转载
2024-05-05 17:46:23
118阅读
目录1、安装docker2、安装Docker Compose3、配置docker-compose.yml4、通过 Compose 创建 jenkins5、配置 jenkins6、手动备份Jenkins数据7、如何升级Jenkins版本8、给Vue项目编写Dockerfile9、配置Jenkins任务10、常见问题11、总结 1、安装docker我的是腾讯云主机 CentOS 81.1 使用命令安
转载
2024-04-09 19:20:58
79阅读
1、前提（1）全局node版本为16，jenkins需要新增一个node14用于打包vue项目，不可影响历史安装的node16使用， 已建立node16软链接在/usr/local/bin目录下。 （2）服务器使用cnpm报错 [npminstall:get] retry GET … ConnectTimeoutError: Connect Timeout Error, status: -1, h
转载
2024-04-16 19:39:18
248阅读
Jenkins自动布署Vue项目 目标： 本地push代码到Gitee，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。准备：gitee 账号和项目centos 服务器服务器安装 Java SDK服务器安装 nginx并启动服务器安装jenkins并启动安装Jenkins插件：下载
转载
2024-05-25 22:50:59
242阅读
部署步骤1.服务器上安装tomcat首先到tomcat官网下载压缩包，unzip解压，然后修改conf下的server.xml，主要修改以下2处地方的port（注意，我的项目使用8093端口，文章后面出现8093即代表项目端口）<Server port="18093" shutdown="SHUTDOWN"><Connector port="8093" protocol="HTT
转载
2024-05-05 21:32:40
143阅读
vue init webpack …下载速度慢解决方法 文章目录vue init webpack ...下载速度慢解决方法使用 cnpm 安装下载webpack模块其它方法知识点说明Npm常用命令CnpmNode.jsVueVue webpack 使用 cnpm 安装使用更快的镜像：npm(节点包管理器)使用的默认包注册表可能会有更慢的下载速度，这取决于你的位置。您可以尝试使用离您的位置更近的其他
转载
2024-08-24 21:10:29
86阅读
