jenkins打包vue项目

最新推荐文章于 2024-10-22 17:51:02 发布
最新推荐文章于 2024-10-22 17:51:02 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： jenkins 文章标签： jenkins打包vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxx619/article/details/92833024
版权
本文详细介绍了在Windows上使用Jenkins打包Vue项目的过程，包括环境准备（安装Node.js，配置Jenkins全局工具和插件）、新建任务、配置源码管理、构建环境和构建环节。重点讲述了清理旧依赖、安装新依赖、执行打包命令以及Nginx的重启操作，为读者提供了一套完整的自动化部署流程。
摘要由CSDN通过智能技术生成

jenkins打包vue项目
这篇文章我们来讨论如何使用jenkins打包vue项目。其实不管是windows还是linux，基本思路都一样，只是命令不同的差别
本片文章，我们主要讨论windows中如何使用jenkins打包vue项目，本文设计的命令和脚本会附在文末
一、 环境准备

  1. 安装nodejs

在官网中下载nodejs，
下载地址：http://nodejs.cn/download/，选择安装包，以及机器位数
在这里插入图片描述
下载之后一直下一步，安装即可，安装完成后在powershell中验证是否安装成功，如果没有powershell，dos命令窗口也可以输入如下命令 node -v，安装成功则如下图所示
在这里插入图片描述

  1. jenkins全局变量配置
    系统管理–>全局工具配置–>安装nodejs,输入服务器中nodejs的安装目录
最低0.47元/天 解锁文章
爱与希望都给你
关注
专栏目录
【项目部署】使用Jenkins一键打包部署前端Vue应用
Java升级之路的博客
10-13 1708
嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。
Jenkins打包部署Vue项目至远程服务器
我是海贼王
09-02 1515
Jenkins打包部署Vue项目至远程服务器 Jenkins打包部署gitee项目至阿里云ECS服务器 Jenkins安装及基础环境配置 Jenkins配置SSH免密登录
Jenkins 打包部署 vue项目
long_cheng_lv的博客
08-05 6534
Jenkins 打包部署 vue项目
jenkins打包vue项目时问题汇总
qq_45863248的博客
09-13 185
npm install; npm run build;为什么只执行了install 没有执行下面的build命令
Jenkins打包VUE微前端项目代码
qq_22689825的博客
03-12 1864
公司前端采用微前端框架，业务按照模块区分在不同的git项目下开发，最后分别打包然后合入到一起，所以就想偷下懒，用Jenkins在本地进行打包然后合入一个文件夹，免得自己还需要一个个项目build，并且也整合了项目结构，不至于项目上线后需要对子项目再部署nginx。1.rd /q /s D:\jenkins\workspace\main (主项目编译时执行此命令，如果存在mian目录就先删掉，因为后续所有项目编译完成后都移动到此目录下)如果不想放在workspace下，就修改move命令的第二个参数。
Jenkins打包前端Vue项目
Amakusa的博客
08-03 672
如果还需要构建后发送到发布服务器，则需要配置Publish Over SSH来进行发送，但是我这里并不需要，所以就到此结束了。）这一代码管理仓库，所以需要在插件中安装Subversion Plug-in来使Jenkins支持SVN代码仓库。如果这一步安装不上，可以多尝试几次，也可以使用尝试魔法。在Jenkins中安装插件：NodeJS Plugin。因为前面已经配置好了Node环境，没有必要再安装。环境，需要注意Node.js的版本。由于我的环境使用到了SVN（创建一个自由风格项目。
【Vue】——Jenkins自动打包部署VUE项目
最新发布
...
10-22 708
个人理解，Jenkins其实是把我们平时打包部署项目的操作弄成一个流程了，按照我们平时打包部署项目的流程去思考，然后找到对应在Jenkins中如何配置就可以实现基础的打包上传部署。
jenkins打包vue前端项目
star的博客
04-07 2156
一、环境 服务器上安装jenkins，docker和gitlab，本文的安装版本如下： jenkins 2.286 docker 20.10.4 gitlab 13.0 二、打包 Vue项目的打包需要使用Node环境，Jenkins也是可以在插件中心安装NodeJs插件，安装插件操作如下： 1.进入插件管理 2.查找插件 搜索插件Nodejs，选择可选插件，最后install without restart 3.新建任务 查看新建的项目（本文中新建项目名为cloud-front）,点击项目名进入该项
jenkins vue 打包特别慢_Vue + Jenkins 打包部署笔记
weixin_42615743的博客
01-13 1182
代码参数读取配置使用webpack.DefinePlugin可以实现全局变量定义//读取npm/yarn 参数let argv = [...process.argv].slice(2)const myEnv = {}for (const arg of argv) {let index = arg.indexOf('=')console.log(arg)if (index >= 0 &...
【项目部署】解放双手，使用Jenkins一键打包部署前端Vue应用
小王的技术库
10-18 3730
本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
Jenkins自动化运维-打包部署Vue前端项目(4): 测试与正式环境规划及最终效果
飞鸽FlyGo-把自己作为一款产品来打磨，提升产品的体验，锻造出最好的自己。
05-26 685
Jenkins自动化运维-打包部署Vue前端项目(4): 测试与正式环境规划及最终效果。 测试和正式打包Jenkins标签、测试打包上线步骤。
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins上部署vue项目构建打包
time_goes的博客
08-04 1685
由于公司内网开发，vue项目的node_modules依赖，大都是由外网npm下载好，再复制到内网的，所以在使用jenkins自动化构建时会出现诸多问题，即使是jenkins服务器上的npm修改了registry的地址的地址为公司自用的registry，也会出现npm install失败问题（因为早已经脱离了npm 管理~~），所以将这种特殊情况记录。......
docker部署Jenkins自动化打包部署vue、java项目上线
m0_73210955的博客
08-23 1457
前后端部署完毕，小编踩了很多坑，有不懂的可以后台私信，我会的我就告诉你，至于为什么没有数据库，数据库一般都是提前部署好的，开发跟前端代码里就已经指定好数据库的IP等信息了，如果你是一个人，那你可以这样部署MySQL。location /api/ {###这里的/api/指的是前端只要有xxxx.api的时候匹配到/api/就转发到后端。/你创建Jenkins时候映射的目录/jenkins_home/workspace/你刚才起的项目名称/build/libs/gitlab是代码仓库。
Jenkins实现与Vue项目的打包发布
做GIS梦的人
01-16 1224
今天测试一下Jenkins对Vue项目的打包发布 服务器环境 centos7.4 Jenkins 安装部署 可以参照之前写的Jenkins系列教程 nodeJs环境安装 直接下载Nodejs的压缩包，然后在服务上解压到指定目录就可以了 tar -zxvf node-v13.6.0-linux-x64.tar.gz 然后配置到环境变量 vi /ect/profile ...
Jenkins+Svn+Vue自动化构建部署前端项目(保姆级图文教程)
暗武逢天的博客
09-07 1063
Jenkins、Vue和SVN是开发过程中常用的工具，它们各自扮演着重要的角色，并且可以有效地配合工作。 Jenkins 是一个开源的持续集成（CI）工具，自动化了构建、测试和部署过程。通过配置Jenkins任务，可以实现对代码的自动化构建和测试，从而提高开发效率和代码质量。 Vue 是一个前端框架，用于构建用户界面和单页应用。开发者在本地使用Vue进行应用开发，然后将代码提交到版本控制系统。 SVN（Subversion） 是一种集中式版本控制系统，用于管理和跟踪源代码的更改。开发者将Vue项目的
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
jenkins配置+vue打包多环境切换
qq_39564710的博客
08-16 383
jenkins配置+vue打包多环境切换
Docker搭建jenkins(Vue自动化部署)
前端阿皓
03-06 2255
需要提前准备的条件Docker环境Docker官网：https://hub.docker.com/u/library有2台服务器的情况下，将当前jenkins配置的服务器打包文件发送到另外一台服务器1、需要先设置远程服务器的host,账号,密码，点击系统管理->点击系统配置,找到Publish over SSH选项2、需要配置Name,Hostname,Username,Remote Directory，账号认证可以使用密码,key文件,key内容参数说明字段描述Passphrase。
jenkins部署vue项目
05-18
Jenkins可以用于自动化构建和部署Vue.js项目。以下是一个简单的步骤： 1. 在Jenkins中创建一个新的自由风格软件项目。 2. 在项目配置中，选择源代码管理工具，如Git或SVN，并配置您的存储库。 3. 在构建环境中，选择您的操作系统和Jenkins代理节点。 4. 在构建步骤中，添加Shell脚本并输入以下命令： ``` # 进入项目目录 cd /path/to/project # 安装依赖 npm install # 打包项目 npm run build ``` 5. 保存并启动构建。 6. 部署构建后的文件。您可以使用SCP或其他文件传输协议将构建文件复制到Web服务器中，或使用Jenkins提供的插件完成自动化部署。 7. 验证您的Vue.js应用程序是否已成功部署。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值