# 缘境/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     #生成菜单文件
```