React管理平台

安装依赖包 首先我们安装echarts依赖包： 这里我使用pnpm进行安装： 在项目中集成 之后，我们在 src/utils 目录中创建 echartsConfig.ts 文件，这里以柱状图和饼状图为

快速安装zustand 首先，我们需要通过以下命令安装zustand依赖： 安装成功后，将在项目中看到如下依赖提示： 创建store目录和相关文件 在store目录下，创建user.ts和index.

.env 环境变量 首先我们在项目根目录中创建三个文件，分别对应开发环境(.env.development)、生产环境(.env.production)和预发布环境(.env.stag)。 NODE_

我们封装的localStorage.ts文件 我们在src/utils目录中创建localStorage.ts文件，该文件的代码为： 了解localStorage 我们回顾一下localStorage

使用json-server快速创建Mock服务 json-server 是一个基于 Node.js 的工具，它能够快速模拟出一个全功能的 REST API。使用一个简单的 JSON 文件作为数据源，它

路由管理：如何在React项目中集成react-router-dom 使用前的准备：安装react-router-dom 为了在React项目中使用路由功能，首先需要安装 react-router-d

配置 Vite 修复静态资源路径问题 运行打包命令： 打包完成后，我们会在项目根目录下看到新生成的 dist 文件夹。 如果在webstorm编辑器中直接预览生成的 dist/index.html 文

本文是《React管理平台》第二节，通过本文，你将学会如何在GitHub上创建新的代码仓库、如何统一代码风格以及如何使用Prettier和ESLint两大强大工具来格式化代码和提升代码质量。

创建项目 我们将构建React管理平台的初步项目架构。采用pnpm作为包管理工具，其优势在于更快的安装速度和更高效的磁盘空间利用。我们选择WebStorm作为IDE，其丰富的功能和实用插件将在后续章节