使用 Vite 创建 React 项目
Vite 是一个更快的前端构建工具,适用于 React、Vue 等框架。
步骤:
- 安装 Node.js(如果未安装)
- 创建 React 项目
npm create vite@latest my-react-app --template react
这里:
- my-react-app 是你的项目名称,可以换成其他名称。
- --template react 选择 React 模板。
- 如果想用 TypeScript,使用
npm create vite@latest my-react-app --template react-ts
- 进入项目目录
cd my-react-app
- 安装依赖
npm install
- 启动开发服务器
npm run dev
运行后,终端会显示本地开发服务器地址(默认是 http://localhost:5173/)。
Vite 支持的模板:
JavaScript | TypeScript |
---|---|
vanilla | vanilla-ts |
vue | vue-ts |
react | react-ts |
preact | preact-ts |
lit | lit-ts |
svelte | svelte-ts |
solid | solid-ts |
qwik | qwik-ts |