广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue项目部署到jenkins的实现
  • 648
分享到

Vue项目部署到jenkins的实现

2024-04-02 19:04:59 648人浏览 独家记忆
摘要

目录服务器配置环境配置到jenkins上看看jenkins干了什么服务器配置环境 需要安装yarn命令,但是yarn是通过npm安装的,所以要先安装npm,npm又是node附带的,

服务器配置环境

需要安装yarn命令,但是yarn是通过npm安装的,所以要先安装npm,npm又是node附带的,所以要安装node

[root@hecs-82454 local]# pwd
/usr/local
[root@hecs-82454 local]# wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz
[root@hecs-82454 local]# tar -xf node-v14.15.4-linux-x64.tar.xz 
[root@hecs-82454 local]# mv node-v14.15.4-linux-x64 node
[root@hecs-82454 local]# cd /usr/bin
[root@hecs-82454 bin]# ln -s /usr/local/node/bin/node node
[root@hecs-82454 bin]# ln -s /usr/local/node/bin/npm npm
[root@hecs-82454 bin]# find / -name yarn
/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/node/lib/node_modules/corepack/shims/yarn
/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/node/lib/node_modules/corepack/shims/nodewin/yarn
/usr/local/node/bin/yarn
/usr/local/node/lib/node_modules/yarn
/usr/local/node/lib/node_modules/yarn/bin/yarn
[root@hecs-82454 bin]# ln -s /usr/local/node/bin/yarn yarn
[root@hecs-82454 bin]# yarn -v
1.22.17
[root@hecs-82454 bin]# npm -v
6.14.10
[root@hecs-82454 bin]# node -v
v14.15.4

配置到jenkins上

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

git clean -df;
git checkout .;
rm -rf node_modules;
rm -rf package-lock.JSON;
yarn cache clean;
yarn config set reGIStry Https://registry.npm.taobao.org -g;
yarn install --registry=https://registry.npm.taobao.org/;
yarn build;

看看jenkins干了什么

首先打印出了工作空间

在这里插入图片描述

然后通过build命令生成了dist文件,这就是我们想要的

在这里插入图片描述

[root@hecs-82454 bin]# cd /var/lib/jenkins/workspace/VueDataCenter
[root@hecs-82454 vueDataCenter]# ls
babel.config.js  dist  images  node_modules  package.json  public  README.md  src  vue.config.js  yarn.lock

如果你要需要将打包好的dist文件发到远程主机里,除了解压缩之外,还要记得给自己的文件赋权

在这里插入图片描述

tar -xzvf /czb/publish/data/mstest3/dist.tar.gz -C /czb/publish/data/mstest3;
cp -r /czb/publish/data/mstest3/dist/* /czb/www/mstest3/;
chmod  755 /czb/www/mstest3/* -R;

到此这篇关于Vue项目部署到jenkins的实现的文章就介绍到这了,更多相关Vue项目部署到jenkins内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网! 

--结束END--

本文标题: Vue项目部署到jenkins的实现

本文链接: https://www.lsjlt.com/news/139409.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Vue项目部署到jenkins的实现
    目录服务器配置环境配置到jenkins上看看jenkins干了什么服务器配置环境 需要安装yarn命令,但是yarn是通过npm安装的,所以要先安装npm,npm又是node附带的,...
    99+
    2022-11-13
  • Jenkins自动化部署Vue项目的方法实现
    目录jenkins介绍1. 环境准备2. 首先登录服务器更新系统软件3. 安装Java和git4. 安装nginx5. 安装Jenkins6. 用jenkins创建一个构建任务7. ...
    99+
    2022-11-13
  • Jenkins自动化部署SpringBoot项目的实现
    目录1、Jenkins介绍1.1、概念1.2、优势1.3、Jenkins目的2、环境准备3、Jenkins下载3.1、下载3.2、运行3.3、问题解决4、Jenkins配置4.1、用...
    99+
    2023-01-13
    Jenkins自动化部署SpringBoot Jenkins部署SpringBoot
  • 聊聊jenkins部署vue/react项目的问题
    目录准备工作1、安装参数化部署插件2、安装好插件后,配置Nodejs环境创建项目构建centOS安装jenkins1、安装JDK2、安装jenkins3、配置jenkis的端口4、启...
    99+
    2022-11-13
  • Vue项目打包部署到GitHubPages的实现步骤
    目录前言前期准备重要说明步骤1步骤2步骤3步骤4步骤5步骤6前言 关于什么是github pages?怎样创建github 仓库上传本地项目到GitHub远程仓库?等基本操作本文不再...
    99+
    2022-11-13
  • jenkins分环境部署vue/react项目的方法步骤
    vue/react部署请参考上一篇文章:https://www.jb51.net/article/238583.htm 项目开发正常都需要开发环境、测试环境、生产环境,每个环境部署都...
    99+
    2022-11-13
  • Jenkins自动部署SpringBoot项目实践教程
    目录1、Jenkins安装2、Jenkins插件安装3、点击添加凭据4、Jenkins环境配置4.1、全局配置4.2、系统配置5、Jenkins自动部署SpringBoot项目6、遇...
    99+
    2022-11-12
  • vue项目部署到云服务器
    Vue项目部署到云服务器时,您需要选择一个云服务器提供商,以便您可以轻松地管理和操作它。以下是一些建议和步骤: 了解云服务器提供商提供的产品和服务:选择一个适合您需求的产品和服务,以确保您的项目成功部署。您可以咨询该云服务器提供商的客服...
    99+
    2023-10-26
    服务器 项目 vue
  • 怎么把vue项目部署到gitee
    作为一款流行的JavaScript框架,Vue的组件化、数据驱动和单文件组件等特性受到了广泛关注和认可。而Gitee(码云)则是一个集代码托管、项目管理、协作开发、部署上线等功能于一体的开源社区。本文将介绍如何将Vue项目部署到Gitee ...
    99+
    2023-10-22
  • docker部署vue项目的实现步骤
    目录前戏部署获取nginx镜像创建 nginx config配置文件创建Dockerfile文件生成生成环境包构建docker镜像查看本地镜像启动docker容器访问跨域前戏 当我们...
    99+
    2022-11-13
  • 如何实现Docker部署vue项目
    这篇文章主要介绍“如何实现Docker部署vue项目”,在日常操作中,相信很多人在如何实现Docker部署vue项目问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何实现Do...
    99+
    2022-10-19
  • jenkins+docker+nginx+nodejs持续集成部署vue前端项目
    目录前提:思路:步骤:配置nodejs工具git代码文件目录如下Dockerfile的文件内容nginx.conf主配置文件的内容最近比较闲,尝试了一下docker部署业务测试环境的...
    99+
    2022-11-13
  • 使用jenkins将项目部署到另一台主机的过程
    环境   主机名 ip地址 服务 ...
    99+
    2022-11-12
  • Jenkins编译.NET Core、.NET Framework项目并远程部署到IIS
    目录Windows安装 GitWebDeployWindows 从节点.NET Core处理 IIS处理项目 Jenkinsfile.NET Framework安装环境.NET Fr...
    99+
    2022-11-13
  • 怎么把vue项目部署到gitee上
    随着前端技术的发展,越来越多的公司或个人开始使用Vue来开发前端项目。但是,项目开发完成后,如何将其部署到云端呢?在这篇文章中,我们将探索如何将Vue项目部署到Gitee上,让您能够轻松地将您的项目展示给世界。创建Gitee仓库首先,您需要...
    99+
    2023-10-22
  • 手动部署java项目到k8s中的实现
    目录前言1. 生成Demo项目2. 配置Docker环境3. 配置k8s3.1 编写deploy.yaml文件3.2 启动调度4. 验证4.1 查看pod4.2 访问系统5. k8s...
    99+
    2022-11-13
    java部署到k8s
  • 使用jenkins部署springboot项目的方法步骤
    1.准备工作 1、JDK安装 2、Maven安装 3、Git安装 4、jenkins安装 以上软件安装成功后进入jenkins进行相关配置。 如果需要通过SSH进行远程发布项目,je...
    99+
    2022-11-12
  • vue项目部署到阿里云服务器
    如果您要将 Vue 项目部署到阿里云服务器,可以按照以下步骤进行: 选择云服务器:在使用 Vue 时,需要选择使用 Azure 等云服务器,以便将项目部署到云上。可以在阿里云官网上选择相应的云服务器或租用云服务器。 创建项目:在创建项目...
    99+
    2023-10-26
    阿里 服务器 项目
  • vue项目部署到腾讯云服务器
    Vue项目部署到腾讯云服务器时,您需要提供一个Vue项目的URL,以及一个Vue项目配置文件,例如Vue.Vueconfig.xml文件,用于在部署前配置项目所需的数据库和配置文件。以下是您需要注意的一些事项: URL:Vue项目的UR...
    99+
    2023-10-26
    腾讯 服务器 项目
  • 如何将Vue项目部署到服务器
    这篇文章主要介绍了如何将Vue项目部署到服务器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。相信很多小伙伴在用Vue-cli安装的脚手架开发...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作