这里推荐使用CRA快速搭建开发环境
create-react-app 是一个快速创建React开发环境的工具,底层由Webpack构建,封装了配置细节,开箱即用。
执行命令:
npx creat-react-app react-basic
- npx Node.js工具命令,查找并执行后续的包命令
- create-react-app 核心包(固定写法),用于创建React项目
- react-basic React项目的名称(可以自定义)
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-33.png)
运行起来后会打开一个3000端口的页面
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-34.png)
项目目录结构及使用详情
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-35.png)
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-36.png)
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-37.png)
使用Vite搭建React开发环境
npm create vite@latest ->Project name ->选择React->选择类型
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-38.png)
项目目录结构
![](https://ichistudio.cn/wp-content/uploads/2024/01/图片-39.png)