Quick Start
- 安装
npm install
or
yarn install
- 运行
npm run dev
目录结构
src
目录下
|-- assets // 静态资源|-- common // 常量|---- menusjs // 菜单入口|-- components // 公用组件|-- config // 暂未用到|-- pages // 功能模块|---- indexjsx // 页面布局逻辑处理入口|---- Layout // 页面布局模块|---- Login // 登陆模块|------ module // 当前模块 redux|------ components // 当前模块公用组件|------ indexjsx // 当前模块入口|------ indexscss // 当前模块样式|---- ... // 其他模块|-- routes // route 配置|---- indexjsx // route 入口文件|-- store // redux 配置|---- reducersjs // redux 入口文件|-- utils // 封装公用方法|-- indexjsx // 项目入口
注意
pages
目录下文件夹对应的是功能模块
新增模块
- 比如新增列表管理模块:
在 src/pages
目录下新建文件夹,且命名未 List
|-- List|---- module // 当前模块 redux|---- components // 当前模块公用组件|---- indexjsx // 当前模块入口|---- indexscss // 当前模块样式
- 添加路由
打开 src/routes/index.js
文件,添加对应模块的路由即可
打开 src/common/menus.js
文件,添加对应模块的菜单入口
打开 src/store/reducers.js
文件,添加对应模块的 redux