20615ae0a3
- 移除 react-router-dom 依赖，因项目不再使用路由功能 - 移除未使用的 isArray 导入，统一使用 toArray 进行数组转换 - 移除未使用的 useNavigate 和 useSearchParams 钩子 - 从 commonUtils 中移除未使用的通知和模态框工具函数 - 更新 NavMenu 组件中菜单项的处理逻辑，使用 toArray 替代 isArray 检查 - 移除 Header 中的时间戳显示，并更新侧边栏样式配置 - 调整 Sider 组件的宽度设置，优化响应式布局 - 移除 HashRouter 包装器，简化应用启动流程 - 添加自定义 CSS 样式以改进侧边栏触发器的高度
React + TypeScript + Vite + Antd Design
项目运行 About 组件报错, 运行一次下面命令生成.cfg.ts 文件, 后面就可以直接用 vite 命令
$ npm run dev
为了权限判断, 不要使用路径参数, 请使用查询参数
路由库在 router 文件夹
错误边界库 ErrorBoundary.tsx
自己搭建的没有详细文档哦
- React
- Vite
- TypeScript
- Antd Design UI 库
- zustand 状态管理库
- dnd-kit 拖拽插件
vscode 安装插件
- 语法校验和格式化插件
Biome
安装 pnpm
$ npm install -g pnpm
安装
$ pnpm install 或 pnpm i
启动
$ vite
打包
$ vite build
用 biomejs 替换 eslint 和 prettier, vscode 需要安装 Biome 插件
文件目录(简单)
.
├── README.md
├── ice.config.mts # The project config
├── package.json
├── public
│ ├── favicon.ico
├── src
| ├── assets
| ├── components # 组件
| ├── index.html # 入口页面
| ├── global.css # 全局样式
| ├── interfaces # 定义类型
| ├── layout # 布局
| ├── pages # 页面
| ├── services # 后台api
| ├── store # store文件夹
| ├── routes # 路由文件夹(路由和左侧导航菜单)
| └── typings.d.ts
└── tsconfig.json
请求封装
- useRequest(url: string, options) 参数传地址
- useRequest2(request: any, options) 参数传请求