1. 前言

Vite 是一个现代化的前端构建工具，旨在通过利用现代浏览器的原生 ES 模块支持，提供快速的开发体验。

Vite 是当前 React 官方推荐的首选工具，比传统的 Create React App 更快、更轻量、开发体验更好。

Vite 基于原生 ES Modules，支持秒级热更新（HMR），启动时间通常只需几百毫秒。

参考：React 安装(Vite) | 菜鸟教程

2. 安装node.js与npm

在开始之前，确保你已经安装了 Node.js 和 npm，你可以通过以下命令检查它们是否已经安装：

node -v
npm -v

如果没有安装，可以参考这篇文章安装：Node.js 安装配置 | 菜鸟教程

3. 创建react项目

在目标文件夹中启用powershell，输入下面的命令可以创建指定项目：

npm create vite@latest my-first-react-app -- --template react

其中：

• create vite@latest：使用最新版 Vite 创建工具
• my-first-react-app：项目名称
• -- --template react：指定 React 模板

如下图：

创建完成后默认启动，可以通过http://localhost:5173访问。

本地文件：

后续安装依赖并启动项目，先进入项目目录：

cd my-first-react-app

安装依赖：

npm install

启动项目：

npm run dev

就可以了。