当前位置:首页 » 《关于电脑》 » 正文

【Linux】【Jenkins】前端node项目打包教程-Linux版

22 人参与  2024年11月03日 08:01  分类 : 《关于电脑》  评论

点击全文阅读


本次安装node版本:node16、node18+

jenkins详细安装教程一、搭建node环境(16和18+的搭建方式天壤之别,请确认需要什么版本)1、node16版本搭建(二选一)1.1、node安装1.2、npm安装1.3、npm设置 2、node18、node20版本搭建(二选一)2.1上传/usr/local/node2.2、解压、修改名称2.3、==验证是否可以正常启动node====异常解决方案== 2.4、配置环境变量2.5、npm、pnpm设置 2、安装git环境3、jenkins-插件下载3.1、进入jenkins-->系统管理3.2、进入系统管理-->插件管理3.3、下载插件(如果之前下载了,这里是搜索不到的,请直接去3.4)3.4、确保插件启用成功 4、jenkins-git账号配置、服务器配置4.1、git账号配置4.2、服务器配置 5、项目流程配置5.1 新建工程5.2 配置工程详情5.1 空间存放配置5.1 源码管理配置(1.0和4.1必须配置好)5.1 构建前端项目打包(2.0需配置好)5.2 构建完成进行上传(4.2需配置好) 6 踩坑点6.1、no such file or directory, open

jenkins详细安装教程

在这里插入图片描述
https://blog.csdn.net/Tm598035415/article/details/142916486

一、搭建node环境(16和18+的搭建方式天壤之别,请确认需要什么版本)

1、node16版本搭建(二选一)

参考:https://www.cnblogs.com/hongyi66/p/17296786.html

1.1、node安装

sudo yum install epel-releaseyum install nodejs node -v

在这里插入图片描述

1.2、npm安装

sudo yum install npm --enablerepo=epelsudo npm install -g expresssudo npm install -g express-generatornpm -v

在这里插入图片描述

1.3、npm设置

npm设置淘宝镜像

npm config get registrynpm config set registry http://registry.npm.taobao.org/

2、node18、node20版本搭建(二选一)

官网地址:https://nodejs.p2hp.com/download/

选择所需版本
在这里插入图片描述

node-v18.20.4-linux-x64.tar.gz
在这里插入图片描述

2.1上传/usr/local/node

在这里插入图片描述

2.2、解压、修改名称

tar -zxvf node-v18.20.4-linux-x64.tar.gzmv node-v18.20.4-linux-x64 node-18

在这里插入图片描述

2.3、验证是否可以正常启动node

cd /usr/local/node/node-18/bin/node -v
异常解决方案

说明当系统的gcc、lib版本太低,无法执行
请参考文章:https://blog.csdn.net/Tm598035415/article/details/142938056
在这里插入图片描述

2.4、配置环境变量

echo export NODEJS_HOME=/usr/local/node/node-18 >> /etc/profileecho export PATH=$PATH:$NODEJS_HOME/bin >> /etc/profileecho export NODEJS_PATH=$NODEJS_HOME/lib/node_modules >>/etc/profile// 重新让profile生效source /etc/profile

2.5、npm、pnpm设置

npm设置淘宝镜像

npm config get registrynpm config set registry http://registry.npm.taobao.org/

pnpm配置

npm install -g pnpm

yarn配置

npm install yarn -gyarn config set registry

2、安装git环境

yum一键安装

sudo yum install git

在这里插入图片描述

验证安装,出现版本号,即安装成功

git --version

在这里插入图片描述

3、jenkins-插件下载

3.1、进入jenkins–>系统管理

在这里插入图片描述

3.2、进入系统管理–>插件管理

在这里插入图片描述

3.3、下载插件(如果之前下载了,这里是搜索不到的,请直接去3.4)

// 在搜索栏,下载以下两种插件Publish Over SSH

在这里插入图片描述

3.4、确保插件启用成功

在这里插入图片描述

4、jenkins-git账号配置、服务器配置

4.1、git账号配置

进入凭证管理
在这里插入图片描述
选择添加凭证
在这里插入图片描述
保存git用户名、密码
在这里插入图片描述

4.2、服务器配置

进入到系统管理
在这里插入图片描述
搜索ssh service
进行服务器配置
在这里插入图片描述

5、项目流程配置

5.1 新建工程

在这里插入图片描述
选择 构建一个自由风格的软件项目
在这里插入图片描述

5.2 配置工程详情

5.1 空间存放配置

在这里插入图片描述

5.1 源码管理配置(1.0和4.1必须配置好)

在这里插入图片描述

5.1 构建前端项目打包(2.0需配置好)

来到Build Steps
增加构建步骤选择执行 shell

rm -r ./dist.zippnpm i && pnpm  build && zip -r dist.zip dist && echo "打包完成"

在这里插入图片描述

5.2 构建完成进行上传(4.2需配置好)

来到Build Steps
增加构建步骤选择Send files or execute commands over SSH
在这里插入图片描述

6 踩坑点

6.1、no such file or directory, open

linux下严格区分大小写,请查看引用是否大小写不一致

[36mvite v4.4.5 [32mbuilding for test...[36m[39mtransforming...[32m✓[39m 285 modules transformed.[32m✓ built in 4.38s[39m[31m[vite:load-fallback] Could not load /src/utils/Storage (imported by src/store/modules/layoutSetting.ts): ENOENT: no such file or directory, open '/src/utils/Storage'[39m[31merror during build:Error: Could not load /src/utils/Storage (imported by src/store/modules/layoutSetting.ts): ENOENT: no such file or directory, open '/src/utils/Storage'[39m ELIFECYCLE  Command failed with exit code 1.Build step 'Execute shell' marked build as failureFinished: FAILURE

创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞


点击全文阅读


本文链接:http://zhangshiyu.com/post/181714.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 祖母寿宴,侯府冒牌嫡女被打脸了(沈屿安秦秀婉)阅读 -
  • 《雕花锦年,昭都旧梦》(裴辞鹤昭都)完结版小说全文免费阅读_最新热门小说《雕花锦年,昭都旧梦》(裴辞鹤昭都) -
  • 郊区41号(许洛竹王云云)完整版免费阅读_最新全本小说郊区41号(许洛竹王云云) -
  • 负我情深几许(白诗茵陆司宴)完结版小说阅读_最热门小说排行榜负我情深几许白诗茵陆司宴 -
  • 九胞胎孕妇赖上我萱萱蓉蓉免费阅读全文_免费小说在线看九胞胎孕妇赖上我萱萱蓉蓉 -
  • 为保白月光,侯爷拿我抵了债(谢景安花田)小说完结版_完结版小说全文免费阅读为保白月光,侯爷拿我抵了债谢景安花田 -
  • 陆望程映川上官硕《我的阿爹是带攻略系统的替身》最新章节阅读_(我的阿爹是带攻略系统的替身)全章节免费在线阅读陆望程映川上官硕
  • 郑雅琴魏旭明免费阅读_郑雅琴魏旭明小说全文阅读笔趣阁
  • 头条热门小说《乔书意贺宴临(乔书意贺宴临)》乔书意贺宴临(全集完整小说大结局)全文阅读笔趣阁
  • 完结好看小说跨年夜,老婆初恋送儿子故意出车祸_沈月柔林瀚枫完结的小说免费阅读推荐
  • 热推《郑雅琴魏旭明》郑雅琴魏旭明~小说全文阅读~完本【已完结】笔趣阁
  • 《你的遗憾与我无关》宋怀川冯洛洛无弹窗小说免费阅读_免费小说大全《你的遗憾与我无关》宋怀川冯洛洛 -

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1