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

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

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

创建一个Vite项目：使用yarn create @vitejs/app，如图所示，选择了react-ts和预设模板，如果出现下面一样的工程结构，说明工程创建成功。

plaintext├── public│ └── index.├── src│ ├── components│ ├── App.tsx│ ├── index.tsx│ └── styles│ └── global.css├── tsconfig.json├── package.json└── vite.config.ts

前言

日常放鸽，火钳刘明

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

创建一个 Vite 项目

yarn create @vitejs/app

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

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

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