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

http://localhost:4000/

打包

$ vite build

用 biomejs 替换 eslint 和 prettier, vscode 需要安装 Biome 插件

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) 参数传请求