Vercel 前端部署工具使用笔记
一、Vercel 简介
Vercel 是一个强大的前端部署平台，它为开发者提供了便捷的方式来部署各种类型的前端项目，无论是简单的静态网页还是复杂的 JavaScript 应用程序。它与许多流行的前端框架（如 React、Vue、Next.js 等）有很好的集成，并且具有快速、可靠和易于使用的特点。
二、实践记录
（一）注册与登录
- 访问 Vercel 官方网站（vercel.com/），使用邮箱或通过第三… GitHub）进行注册。注册完成后登录到平台。 2. 在登录后的界面，可以看到自己的项目仪表盘等相关信息。
（二）创建新项目
- 可以通过点击“New Project”按钮开始创建新项目。 2. 选择项目来源，可以是本地项目目录、GitHub 仓库、GitLab 仓库等。如果是本地项目，需要先将项目初始化并关联到 Git 仓库（如果没有的话）。 3. 例如，从 GitHub 导入项目时，授权 Vercel 访问你的 GitHub 账号，然后选择要部署的仓库。
（三）项目配置
- 环境变量设置：如果项目依赖某些环境变量（如 API 密钥等），可以在 Vercel 项目的设置中添加。在项目设置页面找到“Environment Variables”选项，添加键值对形式的环境变量。
- 构建和输出设置：对于不同的前端框架，Vercel 通常能够自动检测构建命令和输出目录。但如果是自定义的项目结构，需要手动指定构建命令（如对于使用 webpack 自定义配置的项目，指定
webpack build等命令）和输出目录（如dist目录）。
（四）部署项目
- 在完成项目配置后，点击“Deploy”按钮开始部署项目。 2. Vercel 会自动执行构建过程，并将构建后的文件部署到其服务器上。在部署过程中，可以查看部署日志，了解构建和部署的进度，以及是否有错误发生。 3. 部署完成后，会得到一个项目的部署网址，通过该网址可以访问已部署的前端应用。
三、Vercel 工具使用技巧
（一）自定义域名 1. 如果不想使用 Vercel 自动生成的域名，可以在项目设置中添加自定义域名。需要先将域名的 DNS 记录配置指向 Vercel 的服务器（按照 Vercel 提供的 DNS 配置指南操作）。 2. 添加自定义域名后，Vercel 会验证域名所有权，验证通过后就可以使用自定义域名来访问项目。
（二）团队协作 1. 在 Vercel 中可以创建团队并邀请成员。在团队设置中，可以管理成员的权限，如项目的读写权限等。 2. 对于团队项目，可以更好地进行版本控制和协作开发，不同成员可以根据自己的权限对项目进行部署和管理。
（三）回滚部署 如果在部署新版本后发现问题，可以在 Vercel 的项目部署历史记录中找到之前的版本，并进行回滚操作。这有助于快速恢复项目到稳定状态，减少因部署问题导致的应用故障时间。 总之，Vercel 是一个非常实用的前端部署工具，通过上述实践记录和使用技巧的介绍，可以帮助开发者更好地利用它来部署自己的前端项目，提高开发效率和项目的可访问性。
以下是我的项目部署界面
