如何在 Netlify 上手动部署 React 和 TypeScript 项目

在本教程中，我将教你如何使用 Vite 在 Netlify 上手动部署 React 和 TypeScript 项目。我将向你展示一些快速简单的步骤，让你的项目能够立即运行。

要跟着本教程操作，有几个先决条件：

1. 一个现有的 React 和 TypeScript 项目，使用 Vite 构建，并且你想要部署它。
2. Visual Studio Code（VSCode）编辑器或其他代码编辑器，比如 Sublime。
3. 可选：你可以只使用命令行/终端，而不是你代码编辑器的内置终端。
4. 一个已经登录的现有 Netlify 账户。

让我们开始我们的部署吧！

（本文视频讲解：java567.com）

期望的结果

你将会手动在 Netlify 上部署你的项目，重命名你在该平台上的网站，并且能够获得你项目的在线版本。

如何部署你的 React 和 TypeScript 项目

1. 在 VSCode 中打开你现有的项目

在你选择的代码编辑器中打开你的项目。

2. 构建项目

在 VSCode 中打开终端，使用以下代码来构建你的项目：

npm run build

这应该会在你的根目录下生成一个 dist 文件夹，其中包含你项目的被压缩版本。