54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
# 缘境/FateVerse
|
|
|
|
前端快速开发框架
|
|
技术栈: [react@18](https://react.docschina.org/);[react-router@6](https://reactrouter.com/en/main);[redux-toolkit](https://redux-toolkit.js.org/);[typescript](https://typescript.bootcss.com/);[ant-design@5](https://ant-design.antgroup.com/);[vite@4](https://cn.vitejs.dev/)
|
|
|
|
## 安装
|
|
|
|
```sh
|
|
npm install
|
|
```
|
|
|
|
## 本地运行
|
|
|
|
```sh
|
|
npm run dev
|
|
```
|
|
|
|
## 本地打包
|
|
|
|
```sh
|
|
npm run build
|
|
```
|
|
## 目录结构
|
|
|
|
```sh
|
|
public #静态资源
|
|
src
|
|
|--api #接口文件夹
|
|
|--assets #图片,字体等静态资源文件
|
|
|--components #公共组件
|
|
|--hooks #自定义hooks(逻辑抽离)
|
|
|--layout #系统布局文件夹
|
|
|--module #若干布局组件
|
|
|--index.tsx #系统布局主入口
|
|
|--router #路由组件
|
|
|--stores #状态仓库redux-toolkit
|
|
|--module.ts #若干state切片
|
|
|--index.ts #store主入口
|
|
|--type #公共ts限制类型
|
|
|--utils #工具类文件
|
|
|--view #页面级组件
|
|
|--module1 #一级文件(页面属于哪一模块)
|
|
|--pageName #页面名字
|
|
|--index.tsx #页面入口
|
|
|--index.css #系统css主入口
|
|
|--App.tsx #App挂载所属DOM
|
|
|--Loading.tsx #路由跳转懒加载所需Loading组件
|
|
|--Login.tsx #系统登录页面
|
|
|--main.tsx #系统主入口
|
|
|--mynprogress.js #页面加载进度条
|
|
|--Notfound.tsx #404页面
|
|
|--ParentView.tsx #三级菜单路由出口
|
|
|--permission.ts #生成菜单文件
|
|
``` |