generator-antd
v0.0.1
Published
antd generator powerd by yeoman
Downloads
13
Maintainers
Readme
generator-antd
generator-antd是基于yeoman开发的后台代码生成器
有什么用?
快速搭建基于React + Redux + Ant.design + Webpack的后台管理系统开发环境
定义数据模型的蓝图(blueprint)模块后使用一条命令即可生成模型对应的表单组件、表格组件、视图组件以及负责模型CRUD异步数据操作的Redux Reducer模块
如何使用?
安装yeoman与generator-antd
$ npm i yo generator-antd -g
搭建后台项目框架
$ yo antd:init
生成蓝图模块
$ yo antd:blueprint
生成组件
$ yo antd [BLUEPRINT_FILE_PATH]
在src/routes/index.js中加入component为生成的View组件的路由
在src/redux/rootReducer.js中加入生成的reducer
$ npm run dev
Doc & Api
生成器列表:
|指令|说明| |----------------|----------------| |yo antd [path]|根据path所在的蓝图模块生成对应的form模块或table模块或view模块或者所有三种模块| |yo antd:init|生成项目基本框架| |yo antd:blueprint|生成蓝图模块| |yo antd:bp|同上| |yo antd:form|生成表单组件| |yo antd:table|生成表格组件| |yo antd:crud|生成reducer模块| |yo antd:view|生成整合表单、表格以及reducer的视图组件|