%20(2).svg)
项目简介
本项目是使用 Vite 搭建的 React 模版工程，集成了 React Router DOM 用于路由管理、Ant Design 作为 UI 组件库、Redux 用于状态管理。同时配备了 ESLint 和 Prettier 进行代码检查与格式化，还引入了 Storybook 用于组件开发与展示，以及 TailwindCSS 用于快速样式编写。
项目的主要特性和功能
- 路由管理：借助 React Router DOM 实现单页面应用的路由功能。
- 丰富 UI 组件：采用 Ant Design 提供多样化的 UI 组件，提升开发效率。
- 状态管理：使用 Redux 集中管理应用状态。
- 代码规范：利用 ESLint 和 Prettier 保证代码的规范性和一致性。
- 组件展示：通过 Storybook 方便地开发和展示组件。
- 快速样式编写：借助 TailwindCSS 快速定制页面样式。
- 环境变量支持：支持不同环境（开发、测试、生产）的配置。
- 路径别名：可使用自定义的路径别名，简化代码中的路径引用。
安装使用步骤
1. 安装依赖
在项目根目录下，执行以下命令安装项目所需依赖：
bash
yarn install
2. 启动开发服务器
运行以下命令启动开发服务器：
bash
yarn start
默认会在开发模式下启动 Vite 服务器，访问 http://localhost:3000 即可查看应用。
3. 构建项目
根据不同环境进行构建：
- 测试环境：
bash
yarn build:test
- 生产环境：
bash
yarn build:prod
4. 代码检查与格式化
- ESLint 检查：
bash yarn eslint - Prettier 格式化：
bash yarn prettier
5. 启动 Storybook
运行以下命令启动 Storybook 进行组件开发与展示：
bash
npx sb init
npx storybook
访问 http://localhost:6006 即可查看组件展示页面。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】