jenkins部署vue项目详细步骤

第一步:创建项目

新建Item ,输入名字,选择项目类型

第二步:配置基本信息

输入对项目的简单描述

第三步:选择源码管理

我这里用的是码云

注:如果Credentials部分没有连接git的账号密码,需要去配置

第四步:配置构建触发器

我这里配置的是两分钟轮询一次(记住*有空格)

第五步:添加构建环境

注:如果NodeJS部分没有创建,需要去配置。

第六步:输入构建命令

node -v
npm install 
npm install 
rm -rf ./dist
npm run build
cp dist/* -rf D:/nginx-1.22.1/html/dist

 

 

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
以下是一个使用Jenkins部署Vue项目的实战步骤: 1. 在Jenkins服务器上安装Node.js和npm:确保Jenkins服务器上安装了Node.js和npm。你可以使用以下命令检查它们是否已安装: ``` node -v npm -v ``` 如果没有安装,请根据操作系统的不同,使用适当的方式进行安装。 2. 创建一个新的自由风格的软件项目:在Jenkins主页,点击“新建任务”,输入任务名称,选择“自由风格的软件项目”,然后点击“确定”。 3. 配置源码管理:在项目配置页面的“源码管理”部分,选择你的版本控制工具(如Git),填写你的代码仓库URL和认证信息。 4. 配置构建触发器:在项目配置页面的“构建触发器”部分,选择适合你的触发方式,例如定时触发、代码提交触发等。 5. 配置构建环境:在项目配置页面的“构建环境”部分,勾选“Provide Node & npm bin/ folder to PATH”选项。 6. 配置构建步骤: - 点击“添加构建步骤”,选择“执行Shell”。 - 在Shell脚本框中,输入以下命令: ``` npm install npm run build ``` 这将安装Vue项目的依赖项,并构建生产版本的代码。 7. 配置构建后操作: - 点击“增加构建后操作步骤”,选择“Archive the artifacts”。 - 在“Files to archive”字段中,输入构建产物的路径,例如:`dist/**/*`。 - 点击“保存”。 8. 保存并应用配置:点击页面底部的“保存”按钮。 现在,当你触发Jenkins项目构建时,它将自动拉取代码、安装依赖、构建Vue项目,并将构建产物存档起来。你可以进一步配置部署步骤,例如将构建产物发布到Web服务器或CDN上。 希望这个实战步骤能够帮助你成功部署Vue项目Jenkins

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值