Jenkins构建Vue项目步骤总结

本文详细记录了如何配置Jenkins进行Vue项目的自动化构建和部署,包括设置源仓库、修改npm源、安装依赖、打包及部署到服务器的过程,确保了持续集成和持续部署的高效性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简要记录下自己构建好的Vue项目心得

安装好Jenkins、安装好插件node.js(如果修改源插件还是安装失败,建议直接下载插件然后上传)等,Repository UR 弄好版本库,添加仓库账号(需要添加SSH,不然会报错)。
Execute shell(可以分步骤)

cd /root/.jenkins/workspace/system-manage  #进入Jenkins工作空间下(以自己的工作空间为主)
rm -rf dist #删除上次打包的内容
node -v #检测node版本(此条命令非必要)
npm -v #检测npm版本(此条命令非必要)
npm config set registry https://registry.npm.taobao.org #把npm源设置为淘宝源
npm config get registry #检测npm是否切换成功(此条命令非必要)
rm -rf node_modules   #//强制删除包
rm package-lock.json  #//删除这个文件
npm cache clear --force #//清除缓存
npm i --legacy-peer-deps
npm i eslint-plugin-vue

npm install #安装项目中的依赖

npm run build #打包

cd dist
tar -zcvf system-manage.tar.gz * #把生成的项目打包成压缩包,方便移动到项目部署目录
cd /opt/test/web/system-manage #进入web项目根目录 
rm -rf * #删除(如果需要备份记得备份)
mv /root/.jenkins/workspace/system-manage/dist/system-manage.tar.gz ./   # 移动刚刚打包好的项目到web项目根目录
tar -zxvf system-manage.tar.gz -C ./  #解压项目到dist目录
rm -rf system-manage.tar.gz    #删除压缩包   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刺-客

如果对您有点帮助,请给点支持~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值