Jenkins一键部署vue项目

最新推荐文章于 2024-08-09 16:13:55 发布
最新推荐文章于 2024-08-09 16:13:55 发布
阅读量1.2w 收藏 8
点赞数
分类专栏： Vue Linux 文章标签： jenkins vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34479912/article/details/82417869
版权
本文详细介绍了如何配置Jenkins来实现Vue项目的自动化部署，包括安装插件、创建任务、设置源码管理、构建环境，以及通过shell脚本进行项目编译、打包和上传到服务器的过程。
摘要由CSDN通过智能技术生成

1、插件安装

2、新建任务

3、项目描述

4、源码管理

5、构建环境

6、执行shell

echo $PATH
node -v
npm -v #检查编译环境
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build #编译项目
cd dist
tar -zcvf dist.tar.gz *
scp /root/.jenkins/workspace/xxx/dist/dist.tar.gz /usr/local/xxx/dist  #把包发送到指定服务器目录
cd /usr/local/xxx/dist && tar -zxvf dist.tar.gz
cd /root/.jenkins/workspace/xxx
rm -R dist

Mr.菜园子
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Jenkins一键部署
qq2268542764的博客
02-12 1128
笔者的一些废话本文的目的旨在通过安装配置jenkins，熟悉其一键部署发布项目的过程。我自己也是个小白，摸着石头过河，借鉴了很多大佬的经验，总算是完成了，现在将过程整理一下，希望能够和大家共勉，更多是怕自己以后忘记了哈哈哈。如有不当之处，还请大家指正批评。Jenkins一键部署大概流程：Jenkins通过配置的git仓库信息从远程仓库拉取代码Jenkins利用maven打包构建项目Jenkins通过配置好的ssh servers将打包好的jar包推送到具体的服务器。
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins自动化部署vue项目
airlock的博客
04-22 320
文章目录前言步骤总结 前言 运用jenkins部署前端vue项目，环境为windows，前端部署依靠nginx 提示：以下是本篇文章正文内容，下面案例可供参考 步骤 先构建一个freestyle项目，取名根据自己需要 源码管理部分URL填写仓库地址（这里我用的是gitee），Credentials选择自己的有权限的账号，分支选择要部署的vue项目所在分支 构建环境方面选择如下，其中NodeJS installation部分需要选择在jenkins内已经配置完成的选项 构建方面，需要先对vue前
jenkins自动构建部署vue
最新发布
_binlong的博客
08-09 423
Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持续、自动的构建/测试软件项目、监控外部任务的运行（这个比较抽象，暂且写上，不做解释）。Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用。常用的版本控制工具有SVN、GIT，构建工具有Maven、Ant、Gradle。
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
一键部署Jenkins（Centos7.3）
Radioman-lhq的博客
10-21 341
步骤一、进入/root目录 步骤二、在/root目录下创建目录【jenkins-installer】，命令如下： mkdir jenkins-installer 步骤三、下载Tomcat、jenkins、JDK的包到目录 jenkins-installer下： tomcat下载地址：http://mirror.bit.edu.cn/apache/tomcat/tomcat-9/v9.0.12/b...
【项目部署】解放双手，使用Jenkins一键打包部署前端Vue应用
小王的技术库
10-18 3682
本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
【项目部署】使用Jenkins一键打包部署前端Vue应用
Java升级之路的博客
10-13 1636
嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。
jenkins+svn+vue前端项目实现一键部署（滴血教训）
weixin_44674960的博客
08-21 1123
jenkins+svn+vue前端项目实现一键部署（滴血教训） 由于进入了一家小公司，项目部成立才两个多月，前端后端发布打包都是自己手动打包，修改频繁的情况下，发布比较麻烦。老大就叫我研究下jenkins一键部署前后端项目，由于没搞过花了一个星期部署了java项目（5个）。前端一个项目也部署了一个星期（不要说我菜，虽然确实很菜，一个问题搞了四天最后是发现前端新建的js文件没有完全提交到Svn导致我一直纠结在此问题无法自拔）。下面我就讲下jenkins+svn+vue实现一键部署： 1.插件安装包含：Publ
jekins自动化部署
07-01
讲述如何部署jekins，并自动编译发布和发送邮件通知指定的人员
[手把手系列之] Jenkins自动化部署vue前端项目
XieStrong
12-27 3060
简介：Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成点击下面的链接进入官网选择最新的版本下载，然后一键安装即可。windows版本Jenkins下载。
Jenkins+vue发布项目
weixin_45289656的博客
10-17 1125
接下来，成功会变成这样，如果失败了，会在具体的哪一步报错，根据错误信息去修改，有时候网速慢，会在下载依赖的时候就会报错。然后还要在dockerConf文件夹下创建一个default.conf文件。在harbor网站里创建一个项目对应。然后还有一个Dockerfile文件。如果不创建，发布到k8s会报错。然后进行下一步，放一个项目。如果不创建，镜像创建不成功。在下面这个网站里创建一个。与上面的脚本相互对应，各种配置完之后，运行一下。
vue each_jenkins编译vue项目自动发布
weixin_39676242的博客
11-20 219
有个 vue 项目，打算放到 jenkins 上编译，顺便加上 webhook 提交代码后自动编译发布到对应的远程服务器 nginx 下。jenkins触发代码提交后自动构建请看这里: jenkins之webbook一、配置 jenkins系统管理 -> 全局工具配置 安装 nodejs 模块二、编写 jenkins 执行脚本第一步：首先需要初始化 nodejs 环境下面是初始化...
jenkins一键部署搭建
Deng872347348的博客
09-11 1269
jenkins一键部署搭建
使用Jenkins发布Vue前端项目
又要搬砖了
07-14 683
使用Jenkins发布前端项目 文章目录使用Jenkins发布前端项目前言一、源码管理![源码管理](https://img-blog.csdnimg.cn/20210714180715347.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDQ2NjEzMQ==,size_16,color_FFFFFF,t_70#pic_ce
vue自动化部署
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
01-27 466
一、安装scp2 npm install scp2 --save-dev 二、根目录创建upload.js，和package.json平级 upload.js简化版 'use strict' // 引入scp2 var client = require('scp2'); client.scp('./dist/', { // 本地打包文件的位置 "host": 'XXX.XX.XX.XXX', // 服务器的IP地址 "port": 'XX', // ...
实现一键自动化部署Jenkins+Docker 项目！步骤齐全，少走坑路！
伤心的辣条
11-20 558
本文章实现最简单全面的Jenkins+docker+springboot 一键自动部署项目，步骤齐全，少走坑路。 环境：centos7+git(gitee) 简述实现步骤：在docker安装jenkins，配置jenkins基本信息，利用Dockerfile和shell脚本实现项目自动拉取打包并运行。
CentOS8下Jenkins一键部署微服务实践
"Jenkins一键部署启动服务" Jenkins是一款开源的持续集成工具，常用于自动化各种任务，包括构建、测试和部署软件。本教程将详细介绍如何通过Jenkins实现一键部署微服务，尤其针对腾讯云环境。 ### Jenkins一键部署...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值