Jenkins 下使用 Node 和 Npm(借助 nvm-wrapper 插件)構建前端程序

一、前言

搭建完Jenkins后,如何使用node進行構建前端呢,多個項目會使用的node的多個版本。如何動態指定node的版本進行構建呢。

方案一:

安裝多個node版本,然后進行指定。這樣比較麻煩。

方案二:

使用Jenkins的nvm-wrapper插件,不需要安裝多個node了,需要哪個版本,指定即可。(推薦使用)

下面基于方案二做具體說明:

二、Jenkins安裝nvm-wrapper插件

再 系統管理 -> 插件管理 搜索nvm-wrapper插件,進行安裝。因為我已經安裝,在搜索框中搜索不到了。

?在已安裝里面,可以搜索到。

?安裝完之后,不用做全局配置。接下來,就是再項目中如何使用了。

三、項目指定node版本

安裝插件完之后,這里就會多出一個選項為:Run the build in an NVM managed environment

勾選,然后填入該項目構建需要的node版本即可。底下的框不用輸入任何東西。等你點擊底部的“應用”或“保存”后,會自動填充上。

如圖:

然后,通過命令就可以對前端項目進行構建了。

如下圖:

?

node -v :可以查看node的版本

npm進行插件安裝構建

npm install :插件安裝

npm run build:項目構建?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/36825.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/36825.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/36825.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Spring相關面試題(三)

29 如何在所有的BeanDefinition注冊完成后,進行擴展 Bean工廠的后置處理器,在所有的Bean注冊完成后,就被執行。 public class A implements BeanFactoryPostProcessor {private String name "a class";private B b; ?public St…

ARM芯片架構(RTOS)

前言:筆記韋東山老師的rtos教程,連接放在最后 #ARM介紹 arm芯片屬于精簡指令集risc,所用的指令比較簡單,ARM架構是一種精簡指令集(RISC)架構,廣泛應用于移動設備、嵌入式系統、物聯網等領域。AR…

Linux:簡單說說分號“;”、單豎線“|”、雙豎線“||”、單“”、雙“”作為多個命令分隔符的用法

以下符號都可以用來連接多個命令,在一行中作為多個命令的分隔符。區別如下: 1、分號“;” 按照先后順序執行命令。每個命令都會在前一個命令執行完畢后立即執行。 如果其中一個命令出現錯誤,后續命令仍然會繼續執行。 2、單豎線“|” 作為管…

2. jenkins發布java項目

jenkins發布java項目 一、環境描述二、部署tomcat業務服務器三、部署git服務器,上傳測試代碼1、部署git服務器2、上傳測試代碼 四、jenkins對接組件1、安裝必要的插件2、對接git客戶端3、對接maven工具4、配置maven需要的jdk5、配置gitlab服務器的連接6、在jenkins上…

1161. 最大層內元素和

1161. 最大層內元素和 題目鏈接:1161. 最大層內元素和 代碼如下: /*** Definition for a binary tree node.* struct TreeNode {* int val;* TreeNode *left;* TreeNode *right;* TreeNode() : val(0), left(nullptr), right(nullptr)…

AI智能體文章索引

1,探索AI世界系列:俗說AI智能體 2,是真的嗎,不會代碼也能開發一款AI應用?GPTs讓人夢想成真 3,來了,你的第一個AI智能體 4,制作一個智能體:抖音熱點話題文案制作助手 5&am…

【Django】網上蛋糕項目商城-首頁

概念 本文在上一文章搭建完數據庫,以及創建好項目之后,以及前端靜態文件后,對項目的首頁功能開發。 后端代碼編寫 這里我們使用pymysql模塊對數據庫進行操作,獲取數據。因此需要在dos窗口使用以下指令下載該庫文件 pip instal…

springboot3搭建WebSocket服務

springboot3搭建WebSocket服務 文章目錄 springboot3搭建WebSocket服務前言一、創建SpringBoot工程二、pom.xml中引入依賴1.引入庫2. application.yml配置 三、主啟動類四、WebSocket配置類五、編寫WebSocket服務類六、編寫測試頁面總結 前言 本文詳細介紹了如何在SpringBoot項…

新型發電系統——光伏行業推動能源轉型

一、發展背景 “十四五”期間,隨著“雙碳”目標提出及逐步落實,本就呈現出較好發展勢頭的分布式光伏發展有望大幅提速。就“十四五”光伏發展規劃,國家發改委能源研究所可再生能源發展中心副主任陶冶表示,“雙碳”目標意味著國家…

Java面試題:比較Maven和Gradle的構建生命周期和依賴管理

Maven和Gradle是兩個流行的構建工具,各自有不同的構建生命周期和依賴管理機制。以下是它們的比較: 構建生命周期 Maven Maven有一個固定的生命周期,由一系列階段(phases)組成,每個階段代表一個構建步驟。…

ubuntu更改ssh默認端口22

編輯 /etc/ssh/sshd_config,把Port前的#去掉,端口號改成8022,重啟ssh。 // 1. 修改配置 sudo vi /etc/ssh/sshd_config// 2. 重啟 ssh sudo systemctl restart ssh//【不想確認可跳過此步驟】 3. 查看 ssh 監聽端口 sudo lsof -i:22 // 無…

MySQL改密

這里寫目錄標題 更改登錄密碼:有權限賬號能登錄mysql中:有權限賬號不能登錄mysql中:mysql5.6版本命令mysql5.7版本命令修改密碼8.0版本改完后: mysql登錄不上了本機安裝了5.6后,又安裝了mysql8.0 更改登錄密碼&#xf…

QT QVariant 類和 C++ 的 union有什么區別

QVariant 類和 C 的 union(共用體)在概念、用途和實現上有所不同。以下是對它們的區別和使用的簡要概述: QVariantQT 如何儲存多種數據類型(QVariant )-CSDN博客 概念:QVariant 是 Qt 框架中的一個類&…

易查分小程序丨查詢開始和截止時間如何設置?

老師在發布查詢時,希望讓學生家長在指定的時間段才能查詢,應該如何實現? 通過查詢時段功能,老師可以自主設置查詢開始和截止時間,下面就來教給大家如何使用吧! 設置查詢時段演示效果 📌使用教程…

ASP.NETMVC-簡單例子-數據庫查詢+razor使用+項目發布

環境: win10,SQL Server 2008 R2 參考: asp.net mvc框架之EF的使用 - black娃 - 博客園 https://www.cnblogs.com/fjiqiang/p/11131365.html 目錄 數據庫查詢要求思路操作 razor使用項目發布要求實現 數據庫查詢 要求 從服務器的數據庫中查…

干貨分享 | 學會這7個工具方法,數字化轉型規劃不是難題

提到數字化轉型,首要做的便是分析企業現有的業務流程和價值流,發現企業利潤來源的關鍵點,進而有針對性的數字化轉型。要實現傳統業務向數字化業務的轉變,制定出高效、靈活的業務流程優化策略顯得至關重要,這樣才能找到…

簡化數據提取:Excel-Extractor 使用指南

前言 在當今數據驅動的世界中,從復雜的 Excel 文件中提取和分析數據是許多業務和研究工作的基本需求。為了簡化這一過程,Excel-Extractor 項目應運而生。本文將為你介紹 Excel-Extractor 的功能和如何在你的項目中使用它。 什么是 Excel-Extractor&…

【C#】制作圖集

如題目,用好幾個圖片拼在一個大圖里,博主是用于Unity游戲開發使用的,話不多說,上代碼! using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Imaging;namespace EffectsPac…

Spring Boot中的安全性配置詳解

Spring Boot中的安全性配置詳解 大家好,我是免費搭建查券返利機器人省錢賺傭金就用微賺淘客系統3.0的小編,也是冬天不穿秋褲,天冷也要風度的程序猿!今天我們將深入探討如何在Spring Boot應用中實現全面的安全性配置,保…

LED裸眼3D顯示屏:開啟視覺新體驗

隨著科技的不斷進步,LED顯示屏作為一種新型的顯示技術,已經被廣泛應用于各個領域。而其中,LED裸眼3D顯示屏更是因其獨特的技術原理和令人震撼的視覺效果,成為了業界關注的焦點。 裸眼3D顯示屏是一種前沿的顯示技術,它…