Jenkins构建Vue项目步骤总结

简要记录下自己构建好的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    #删除压缩包   

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在使用Kubernetes(K8s)和Jenkins构建Vue项目时,可以按照以下步骤进行操作: 1. 首先,创建一个Git仓库来管理Vue项目的源代码,并将其与Jenkins关联。可以选择在Jenkins中创建一个新的项目或使用现有的项目。 2. 在Jenkins中创建一个Pipeline或一个自由风格项目,并配置相关参数。比如,指定GIT仓库的URL、凭证、构建触发器等。 3. 在Jenkins Pipeline脚本或构建过程中,配置Kubernetes插件以与K8s集群通信。这个插件使Jenkins能够在K8s集群上创建和管理Pod、容器等资源。 4. 在构建过程中,可以通过执行一系列步骤构建Vue项目。例如,可以通过运行npm install安装项目所需的依赖项,然后执行npm run build命令来构建Vue项目。 5. 构建完成后,可以使用Kubernetes插件将构建生成的静态文件打包为容器镜像,并将其推送到K8s的镜像仓库中。 6. 在Jenkins中配置Kubernetes插件,以便创建部署文件(Deployment)和服务(Service)等K8s资源。这些资源将使用前面构建的镜像来部署Vue应用程序。 7. 配置Kubernetes插件以在K8s集群上创建一个新的Pod,并将前面创建的K8s资源应用到该Pod上。 8. 最后,确认应用程序在K8s集群中成功部署并运行。可以通过访问指定的服务URL来查看Vue应用程序的界面。 这里只是简要地介绍了使用K8s和Jenkins构建Vue项目的基本步骤和操作。具体的实施会因环境、涉及的组件等因素而有所差异。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

刺-客

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

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

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

打赏作者

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

抵扣说明:

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

余额充值