如何使用 Vite 创建 React 应用（初学者一步步指南）
发布: (2025年12月17日 GMT+8 08:34)
2 min read
原文: Dev.to
Source: Dev.to
介绍
本指南将带领初学者使用 Vite（官方推荐的方式）创建并运行他们的第一个 React 应用。
前置条件
- Node.js 版本 20.19 或更高。
如果您尚未安装，请从Node.js 官方网站下载。
使用 Vite 创建 React 应用的步骤
1. 创建新的 Vite 项目
npm create vite@latest project-name当出现提示时，按 y 继续。
2. 选择框架
- 使用 上下方向键 从列表中选择 React。
- 按 Enter 确认。
3. 选择变体
- 选择所需的 React 变体（例如
react、react-ts）。 - 使用 上下方向键 导航并按 Enter。
4. 启用 TypeScript（可选）
如果询问是否添加 TypeScript 支持，请选择 Yes 并按 Enter。
5. 安装依赖并启动开发服务器
cd project-name
npm install
npm run dev您的应用将在 http://localhost:5173 可访问。点击链接或在浏览器中打开以查看运行中的应用。
替代（已弃用）方法
npx create-react-app my-app注意：
create-react-app已被弃用，不再是启动新 React 项目的推荐方式。请优先使用 Vite，以获得更快、更现代的设置。