react-redux-app-cli
A CLI for scaffolding React.js projects.
Installation
$ npm install -g react-redux-app-cli
Usage
- project init
## 1. 脚手架初始化
qiu init
## 2. 建立自己的项目
cd [projece name]
## 3. 安装项目依赖
npm install
## 4. 开启mock服务，使用的是3000的端口
npm run mock
## 5. 启动项目，使用的是8000的端口
npm start- new page
## 新建一个页面
qiu page <name>- new component
## 新建一个组件
qiu component <name>Features
Javascript
- Language: ES6
- Loader: Babel
- Framework: React + Redux + React-router-dom
CSS/Preprocessors
- Stylus
- Postcss
- Normalize.css
Module loader
- Webpack
Package manage
- npm
Others
- Eslint
Directory structure
.
└── app
│ ├── reducers
├── actions
├── store
├── common
│ └── js
│ └── fonts
│ └── stylus
│ ├── base.styl
│ ├── iconfont.styl
│ ├── index.styl
│ └── mixin.styl
├── components
│ ├── input
│ │ ├── index.js
│ │ └── index.styl
├── containers
│ └── todo
│ ├── index.js
│ └── index.styl
├── index.js
├── index.tmpl.html
├── .babelrc
├── .postcssrc.js
├── .eslintrc
├── .eslintignore
├── .gitignore
├── .editorconfig
├── LICENSE
├── package.json
├── README.md
├── webpack.config.js
└── webpack.production.config.js