logo
指南
配置
插件
指南
配置
插件
简体中文

React

在这篇文档中，你可以了解到如何基于 Emp 来构建一个 React 应用。

前期准备

在开始之前，请确保您已经配备了如下开发环境：

  • Node.js >= 20.0.0
  • npm >= 8
💡 TIP

建议您使用nvm来管理node版本，直接执行nvm use 20命令即可完成开发环境设置

创建 React 项目

你可以使用 create-emp 来创建一个 Emp + React 的项目，调用以下命令：

npm
yarn
pnpm
bun
npm create emp@latest

然后在 Select framework 时选择 React 即可。

安装依赖

在创建完项目后，我们进入代码的根目录，安装项目依赖，推荐使用PNPM进行安装：

npm
yarn
pnpm
bun
npm install

运行 React 项目

在安装完项目依赖后，启动项目：

npm
yarn
pnpm
bun
npm dev

运行成功后，您可以访问http://localhost:8000/进行查看

目录约定

── node_modules // 依赖目录 ├── src | ├── App.css // 应用样式文件 | ├── App.tsx // 应用主组件 | ├── boostrap.tsx // 项目入口文件 | └── index.ts // 主要入口文件 ├── .gitignore // Git忽略文件列表 ├── emp-config.js // emp配置文件 ├── package.json // 项目依赖及配置信息 ├── tsconfig.json // TypeScript配置文件 └── README.md // 项目说明文档