超级简单部署网页到 Vercel

9,810 阅读1分钟

Vercel 是一个什么样的网站

Vercel 它是一个免费的网站托管平台,也是我目前用过最好的网站托管平台,不仅仅可以部署静态网站,而且还可以部署动态网站,所以我们可以拿 vercel 充当你免费的服务器,主要有以下好处。

  • 关联 github,只需要往 github 提交代码,它会自动获取最新的提交,然后自动部署
  • 提供了免费的域名,省去了申请域名的问题,如果有自己的域名,还可以做个域名解析到这个平台上
  • 提供了免费的 Https 证书,如果证书到期了,它会自动替换,完全不需要操心
  • 傻瓜式的部署方式,它的操作非常简单,Vercel 提供了两种方式:通过命令行部署、通过 Vercel 提供管理后台部署,这期视频我们主要介绍通过命令行部署,因为命令行的部署方式更加简单

通过命令行部署

这些命令不需要记,使用的时候复制粘贴就行。每个命令是什么意思,我都已经备注好了,最后我会放在评论区分享给大家。

截屏2022-02-16 09.25.27.png

1.注册 Vercel 账号

vercel.com/signup

截屏2022-02-16 09.26.48.png

2.安装 Vercel

npm i -g vercel

或者 
yarn global add vercel

3.登陆 Vercel

vc login

截屏2022-02-16 09.30.34.png

4.发布 网页到Vercel

cd 网页的文件夹
vc

截屏2022-02-16 09.33.16.png

参考项目

FlutterCandies的 JsonToDart

打包的web项目:jsontodart-ewgcat.vercel.app