Jenkins 中部署Nodejs插件并使用,并构建前端项目(3)

这篇具有很好参考价值的文章主要介绍了Jenkins 中部署Nodejs插件并使用,并构建前端项目(3)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Jenkins 中部署Nodejs插件并使用,并构建前端项目(3),Jenkins,jenkins,前端,运维

遇到多个版本nodeJS需要构建的时候

1、第一种就是一个配置安装,然后进行选中配置

2、第二种就是插件:nvm-wrapper,我们还是选用NodeJS插件:
(1)可以加载任意npmrc文件;

(2)与Jenkins结合紧密,封装少,项目相对活跃;

(3)功能丰富,可全局安装模块。

这里的路径,要把下载好的路径,传递到/var/lib/jenkins, 要不然提示目录不存在

1、需要安装插件,搜索NodeJS,安装即可

Jenkins 中部署Nodejs插件并使用,并构建前端项目(3),Jenkins,jenkins,前端,运维

2、Linux系统安装nodejs

为了方便操作,自行安装好,在jenkins中选择对应路径

(1)去nodejs官网下载最新包

官网下载地址: https://nodejs.org/dist/latest/
wget  https://nodejs.org/dist/latest/node-v11.14.0-linux-x64.tar.gz

(2)解压安装

tar xvzf node-v11.14.0-linux-x64.tar.gz -C /opt

(3)修改环境变量

vim /etc/profile
export PATH=/opt/node-v11.14.0-linux-x64/bin:$PATH

(4)刷新环境变量,使其生效
source /etc/profile

(5) 安装cnpm与配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
域名过期换为:https://registry.npmmirror.com

(6) 查看npm,cnpm,node版本号

  • npm和 cnpm区别:
    npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) npm安装插件过程:从http://registry.npmjs.org下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常)。
    cnpm是国内的淘宝团队分享的镜像,同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
    cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

篇幅有限,图文过多,点这里文章来源地址https://www.toymoban.com/news/detail-836997.html

到了这里,关于Jenkins 中部署Nodejs插件并使用,并构建前端项目(3)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • centos7:jenkins+nodejs前端自动化部署

    系统:centos7 nodejs版本:v16.18.1   npm版本:8.19.2 由于centos7最大只支持16.18.1版本,尽量让前端写代码时使用这个版本,linux系统如果要装高版本的node需要安装glibc库,很危险,尽量不要操作。 jenkins版本:推荐最新版,yum安装,不用docker安装,原因是npm命令在容器内无法有效执

    2024年02月03日
    浏览(49)
  • jenkins构建前端vue项目

    目录 前言: 1.jenkins配置参数 2.构建前端代码脚本 3.额外补充相关配置 服务器,已部署nginx和jenkisn和npm,在此基础上部署前端项目, 后续补充相关nginx等服务器安装操作; 1.新增一个软件项目  2.新增项目描述 3.配置历史镜像处理规则 例如:一个构建任务最多保留30天,最多

    2024年02月10日
    浏览(37)
  • jenkins 参数化构建过程,jenkins下拉框选择要部署项目,jenkins部署java微服务项目,jenkins部署微服务

     1. jenkins部署demo 优化 点: 选择丢弃旧的构建,最大个数可以选择3或者5个,如果微服务,十个jar,占用很多空间,多来几次部署,硬盘满了 2. 选择 参数构建 ,需要部署哪个项目 名称可以设置为你的项目名,例:test_project 选项 例:           test_user           test

    2024年01月24日
    浏览(51)
  • Jenkins部署构建项目

    在代码不断修改的过程中,去服务器部署,需要人为的重复工作,所以用jenkins去代替人力,去服务器上面部署最新的代码,提高工作效率,让测试等不懂部署方式的人,也可以去根据最新代码部署项目。该介绍包括前后端项目的部署。 我之前有一篇安装Jenkins文章,有需要的

    2024年02月14日
    浏览(99)
  • 【微服务部署】五、Jenkins+Docker一键打包部署NodeJS(Vue)项目的Docker镜像步骤详解

      NodeJS(Vue)项目也可以通过打包成Docker镜像的方式进行部署,原理是先将项目打包成静态页面,然后再将静态页面直接copy到Nginx镜像中运行。 一、服务器环境配置   前面说明了服务器Nginx的安装和配置,这里稍微有些不同,但是因为此文是用Nginx镜像和前端镜像页面同

    2024年02月06日
    浏览(43)
  • Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署

    前言 🚀 需提前安装环境及知识点: 1、Docker搭建及基础操作 2、DockerFile文件描述 3、Jenkins搭建及基础点 🚀 目的: 将我们的前端项目打包成一个镜像容器并自动发布部署,可供随时pull访问 1、在当前项目的根目录创建Dockerfile文件并写入如下代码: 代码片段详细描述: 注意

    2024年02月05日
    浏览(74)
  • jenkins 自由风格部署vue项目,参数化构建vue项目

    1.  丢弃旧的构建 2. 是否需要install  3. git 4. 配置node16:  5. 脚本: 脚本:

    2024年02月02日
    浏览(48)
  • Jenkins + Gitlab 实现项目自动化构建及部署

      通俗来讲就是本地项目 push 到 gitlab 后, Jenkins 能够识别到项目的更新并自动构建部署;  本文以实际操作的方式来表述详细配置过程及避开配置 Jenkins 时的坑. 默认电脑已经安装了虚拟机, 默认gitlab 上已经有了你想要部署的项目, 部署了 maven 和 jdk 并配置了环境变量!!! 1 执行

    2024年02月16日
    浏览(57)
  • docker启动的jenkins拉取gitee项目构建并部署

    https://hub.docker.com/r可以search不同的jenkins版本 docker pull jenkins/jenkins 创建挂载目录 /home/jenkins_home 加权限 chmod 777 /home/jenkins_home docker run -di --name=jenkins -p 9999:8080 -v /home/jenkins_home:/var/jenkins_home jenkins/jenkins:latest 参数解读 7.打开浏览器访问jenkins localhost:9999 7. 可直接访问宿主机的目

    2024年02月11日
    浏览(53)
  • Jenkins构建项目并部署到K8S实践

    本次实践使用gitee上的开源项目悟空CRM9.0进行构建并部署到k8S中 悟空CRM9.0项目简介: 悟空CRM-基于jfinal+vue+ElementUI的前后端分离CRM系统。 项目gitee地址:https://gitee.com/wukongcrm/72crm-java.git 软件 版本 IP 备注 K8S 1.26.x 192.168.1.124 192.168.1.124为K8S集群master01节点IP地址 Harbor 2.6.2 192.168.1.

    2024年02月20日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包