缘境/FateVerse

前端快速开发框架 技术栈: react@18;react-router@6;redux-toolkit;typescript;ant-design@5;vite@4

安装

npm install

本地运行

npm run dev

本地打包

npm run build

目录结构

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     #生成菜单文件