如何使用Vite快速搭建一个React项目？

本文共计1571个文字，预计阅读时间需要7分钟。

前言：日常放鸽子，火钳刘明。这是一个基于Vite搭建的React项目，开发体验非常棒。

创建一个Vite项目：yarn create @vitejs/app

选择配置：react-ts，预设模板

如果出现下图一样的工程结构，说明项目创建成功：

├── public│ └── index.├── src│ ├── api│ ├── assets│ ├── components│ ├── hooks│ ├── pages│ ├── App.tsx│ ├── main.tsx│ └── styles├── tsconfig.json├── vite.config.ts└── package.json

前言

日常放鸽，火钳刘明

这是一个基于 vite 搭建的 React 的项目，开发体验非常棒。

创建一个 Vite 项目

yarn create @vitejs/app

如上图，选择了 react-ts 预设模板，如果出现下图一样的工程

yarn // 安装依赖 yarn dev // 启动开发环境

打开浏览器输入localhost:3000/#/，如上图所示的话。那么恭喜你，你可以正常开发 React 项目了。