记录、分享IT相关知识和见闻！

记得右上角添加【关注】，支持一下！

Web开发时经常需要部署演示站点！

或者我们要想给其他人分享一个Demo演示工程也需要发布到网上！

如果自己没有服务器去部署，将会是一件非常麻烦的事情！

今天将为大家分享一款网站部署神器「Vercel」，它不仅仅免费，而且它的一站式部署服务真的很强大！使用它将会让你的开发部署体验直线拉满，爽到爆！

如果你需要这样一个工具，一定要认真看咯！

本文目录：

• 关于Vercel
• 登录Vercel
• 选择项目
• 发布项目
• 配置部署
• 体验部署

关于Vercel

Vercel 是一个一站式网站部署的工具；

它支持超过30+的Web框架，而且与Github、GitLabs等平台深度集成；

使用它你可以直接将现有的仓库项目轻松部署到互联网上；

当然，你也可以提供「Vercel」的模板来创建你的演示程序。

登录Vercel

打开「Vercel」 的官网，点击右侧的 “Login”；就可以看见「Vercel」的登录选项；

因为「Vercel」主要是用于开发所用，所以登录选项里也是有目前主流的几个开发平台登录选项；

这里推荐使用“Github”，毕竟地球上的程序员都用它。

选择项目

登录之后，我们就可以在控制台，点击“Add New Project” 来选择项目；

点击了 “Add New Project”之后，可以看见有两种方式供我们选择：

① 直接导入“Github”项目，如图左侧；

② 克隆一个“模板项目”

在这里根据自己的需要，选择对应的方式即可。

发布项目

因为之前已经发布过一个“Github”项目；这里我们选择一个“模板项目”；

我们选择“Vite”，然后要在“Github” 中创建一个项目；

由于现在自动Import有问题，官方还未修复；

创建好仓库，我们返回到导入页面，重新选择一下刚才创建的项目；

找到要导入的项目，点击 “import”，然后配置项目名称，使用的框架；

配置完成之后，点击“Deploy” 等待发布完成，就可以访问了。

配置部署

导入完项目之后，在"控制台/Overview"中，我们可以看见已经发布过的所有项目；

如果想配置某一个可以点击对应的项目进入设置；

删除项目：

例如这里多配置了几个项目可以点击进去，找到“settings” 然后删除掉。

配置域名：

点击需要配置的项目，然后点击“settings/Domains”，开始配置域名；

在这里会默认给分配一个域名，如果不喜欢，可以编辑；

当然如果你有自己的域名，也可以在这里直接绑定你的域名。

告警通知：

在使用Vercel提供的部署服务时，网站可能会出现一些故障；这些错误警告都会在控制台中记录；

点击项目，进入“Logs”目录就可以查看到所有的告警通知；

连接数据库：

如果你的应用需要接入到数据库，可以使用 Vercel提供的数据库存储服务；

当然使用 Vercel部署后，你也可以在控制台管理你的部署信息，以及使用Vercel提供的网站数据分析工具，查看网站运营的情况；

体验部署

这里我们体验一下之前部署的“ChatGPT” 演示项目，（没有体验的朋友，也可以用这个演示项目哦）。

点击之前部署的项目，可以看见有两个 Domain，随便点击一个。

秒开体验项目！

输入一些测试问题，测试一下项目是否正常；

响应速度非常快，功能都是正常的。

使用「Vercel」部署非常方便，因为它与“Github”深度集成，如果你的项目存储在“Github”上，将会很轻松就能够部署；

Web 开发经常需要发布演示项目，如果你还在为免费的演示项目发布平台而烦恼，赶快试试「Vercel」吧！希望它会让你的工作变得更有趣！

❀ 长按【点赞】会有惊喜哦！❀

~End~