quick-react-app

一个基于官方create-react-app的快速开发脚手架

Intro

quick-react-app能帮助你做什么?

• 规范常用的目录结构
• 使用craco进行webpack配置,包括别名以及jsx文件自动识别
• 对axios的二次封装
• 使用: react-router来管理路由
• 使用styled-components+常用的css编写样式
• 使用React Hooks组件
• 自由选择是否安装并配置ant design
• 自由选择管理工具yarn or npm or cnpm
• 使用redux和中间件redux-thunk进行状态管理
• 使用immutable对项目reducer中state进行管理

安装使用

npm install quick-react-app -g

查看是否安装成功

quick-react-app --version

开始使用

创建一个名为my-app的项目

quick-react-app create my-app

添加一个名为TopMenu的组件

注意 : 添加组件和页面的命令需要在项目目录执行

cd my-app
quick-react-app addcpn TopMenu

添加一个名为Profile的页面

注意 : 添加组件和页面的命令需要在项目目录执行

cd my-app
quick-react-app addpage Profile

查看帮助

quick-react-app --help