超方便快捷的部署方式,只需要链接需要上线项目的Github地址即可,代码仓库更新后Vercel可以持续集成发布,方便快捷,不仅速度快,而且还免费!
首先到官网登录自己的账号
Vercel : https://vercel.com
项目演示地址:fast-vue3-ts.vercel.app/
- 选择使用github进行账号登录
-
登录账号后,关联自己的github仓库,可以直接用自己已有的项目也可以使用Vercel提供的模板。使用已有的项目点击 “import” 即可直接导入
-
给项目进行打包配置,这里直接默认即可。
-
点击Deploy进行部署。如遇到检验问题打包失败等,可以选择不检验进行build。
-
撒花,打包编译成功。
-
点击即可进入官网
-
直接进入网址访问,这样一个Vue3项目就免费部署到线上了,还可以配置自己的域名进行访问。
-
仓库的项目最好是在main分支,每次分支变化后可以触发更新,Vercel可以CI/CD持续集成发布。
-
项目演示地址:fast-vue3-ts.vercel.app/ 可以进入Github进入该项目。 -
此处仅做基础演示,有问题可以随时交流!