对 Vercel 做出反应：部署变得简单。
部署 React 应用程序似乎很困难，但像 Vercel 这样的工具让它变得异常简单。Vercel 提供流畅的部署程序，并且是托管前端框架的专家。对于那些希望简化 React 到 Vercel 部署的人，以下指南专为希望快速轻松地启动 React 应用程序的前端开发人员而设计。
什么是 Vercel？
Vercel 是一个云平台，允许用户构建、扩展和保护 Web 体验。Vercel 处理所有棘手的部分，例如确保您的网站快速加载并保持运行状态，以便您可以专注于创建更多精彩的东西。这就像为您的单人表演安排一个后台工作人员，确保您在掌声中一切顺利进行。在部署项目时，从 React 到 Vercel Deployment 的过渡可确保您的应用程序无缝集成且高性能。
创建用于部署的 React 应用程序
你可以使用你的 React 应用程序或使用 Vite 创建一个 scratch：
npx create-vite-app vercel-deployment --template react现在通过运行进入应用程序：
cd vercel-deployment使用以下方法安装所有依赖项：
npm install或者，如果您使用的是 yarn run：
yarn安装 vercel CLI：
npm install --global vercel或：
yarn add vercel此命令将在您的系统中全局安装 vercel CLI，因此您不必每次都下载它。
完成此作后，您可以通过运行以下命令来检查 vercel 是否安装成功：
vercel --version如果您看到一个版本，您就可以开始了！现在让我们通过运行以下命令登录到 vercel CLI：
vercel login系统会提示您通过多种方式登录 vercel，您可以选择其中任何一种并继续。
成功通过身份验证后，运行：
vercel这是一个用于在 vercel 中创建新部署的命令。运行此命令后，系统会提示你几个基本问题以完成部署设置。如果你对任何事情不确定，我建议你只使用默认值！
完成所有这些后，系统会提示您使用 Production url，将该 url 复制并粘贴到浏览器中，然后，全世界都可以访问您的应用程序了！ 🎉
如果您跟着我一起作，您应该会在为您生成的唯一 url 上看到如下内容：
奖励 - 设置 CI/CD 管道
我们之前遵循的方法很好，但在代码定期更改的情况下，它不会很有帮助。在这种情况下，遵循前面的方法意味着你每次都必须使用新的 url 和新项目重新部署代码的每个更改版本。
相反，我们可以直接在版本上设置一个 CI/CD 管道，该管道使用您 github 连接的 github 存储库到项目来查找代码中的更改。
为此，如果您尚未登录，只需前往 Vercel 并登录即可。如果这是您的第一个项目，您将看到类似这样的内容。
从选项中选择“Import new Project”或“Add Project”，并在出现提示时连接您的 github。
通过身份验证后，您将看到连接到您的账户的所有 git 仓库的列表。只需选择要部署的那个。
您应该会收到如下提示：
项目名称
这是您的 vercel 项目的名称。
框架预设
如果你使用 React 以外的其他东西部署到 vercel，你可以在这里选择它。
根目录
指定项目的根目录。在本教程中，它将保持默认。
构建和输出变量
您可以在此处覆盖 build 和 installation 命令。
环境变量
如果您使用的是任何环境变量，则可以在此处指定这些变量。
如果您正在继续作，我建议您将所有内容保留为默认值，然后单击 Deploy！ 🚀
它将开始构建您的应用程序，您可以在给定的 UI 中检查日志。一切成功后，您应该被重定向到项目的仪表板页面，其中包含 React 应用程序的公共链接。
这里需要注意的重要一点是，现在每当将新提交推送到仓库时，应用程序都会自动更新，并且不需要任何手动更改！
如果你正在跟随，下面是部署的预览：
恭喜您将项目部署到 Vercel！🚀现在，是时候大放异彩并与世界分享您的创新了。 🌍✨