Vite 提供了 React 和 TypeScript 起步模板，适合快速开始一个前端练习项目。

创建项目

Shell
npm create vite@latest my-react-app -- --template react-ts
cd my-react-app
npm install
npm run dev

命令会创建项目目录、安装依赖并启动本地开发服务。实际命令可能随 Vite 版本调整，创建时以终端提示为准。

先看哪些文件

  • src/：页面与组件代码。
  • package.json：依赖和常用命令。
  • tsconfig.json：TypeScript 编译选项。
  • vite.config.ts：Vite 插件和开发服务器设置。

一个小练习开始时不必急着增加很多工具。先熟悉开发、构建和类型检查，再按项目需要添加能力。