5分钟快速部署Vue项目到线上,Vercel——傻瓜式操作!

2,189 阅读1分钟

image.png

超方便快捷的部署方式,只需要链接需要上线项目的Github地址即可,代码仓库更新后Vercel可以持续集成发布,方便快捷,不仅速度快,而且还免费!

首先到官网登录自己的账号

Vercel https://vercel.com

项目演示地址fast-vue3-ts.vercel.app/

  • 选择使用github进行账号登录

image.png

  • 登录账号后,关联自己的github仓库,可以直接用自己已有的项目也可以使用Vercel提供的模板。使用已有的项目点击 “import” 即可直接导入 image.png

  • 给项目进行打包配置,这里直接默认即可。

image.png

  • 点击Deploy进行部署。如遇到检验问题打包失败等,可以选择不检验进行build。 image.png

  • 撒花,打包编译成功。 image.png

  • 点击即可进入官网 image.png

  • 直接进入网址访问,这样一个Vue3项目就免费部署到线上了,还可以配置自己的域名进行访问。

  • 仓库的项目最好是在main分支,每次分支变化后可以触发更新,Vercel可以CI/CD持续集成发布。 image.png

  • 项目演示地址fast-vue3-ts.vercel.app/ 可以进入Github进入该项目。

  • 此处仅做基础演示,有问题可以随时交流!