react-tools-cli v2.0.0-dev.5

react-tools-cli

Getting Started

Install, create and start.

# Install
$ npm install react-tools-cli -g

Commands

We have 5 commands: global, new, init, generate(alias g) and watch.

react global options

Global default settings

Usage Examples

$ react global

options

• name -- project name. default react-tools-cli
• description -- project description.
• version -- project description. default 1.0.0
• remark -- project remark.
• configSeparation -- project config file separation. default false
• nodeModulesPath -- project node modules path.
• devPort -- project development port. default 5000
• browserSupport
  • chrome -- browser support chrome
  • firefox -- browser support firefox
  • safari -- browser support safari
  • opera -- browser support opera
  • edge -- browser support edge
  • ie -- browser support ie
• directory
  • source dir -- project source directory. default src
    • component dir -- project component directory. default components
      • style dir -- component style directory. default less
      • image dir -- component image directory. default images
      • static data dir -- component static data directory. default json
      • unit test dir -- component unit test directory. default test
      • document dir -- component document directory. default doc
    • container dir -- project container directory. default containers
    • redux dir -- project redux directory. default redux
    • redux store dir -- project redux directory. default store
    • config dir -- project config directory. default config
    • utils dir -- project config directory. default utils
  • dist dir -- project source directory. default dist
• saga
  • url prefix -- Generate a saga request url prefix. eg : APP.HOT.API.
  • url suffix -- Generate a saga request url suffix.
  • method -- Generate a saga request method. default get
  • extra import -- Generate a saga extra import file. eg : import Api from '../config/Api';

react new options

Create a new project. options same as gloabl options

Usage Examples

$ react new

react init options

Current project default settings. options same as gloabl options

Usage Examples

$ react init

react new options

Create a new project. options same as gloabl options

Usage Examples

$ react new

react generate (short-cut alias: "g") options

Usage Examples

$ react g fileName actionName url

Detailed help

Options:

    -h, --help                       output usage information
    --no-p, --no-progress            Don't generate progress
    --p, --no-params                 Don't requst params
    -m, --method [method]            Specify request method, default get
    -i, --extraImport [extraImport]  Specify extraImport

react watch

auto monitor redux saga file change, generate redux/sagas.js and redux/reducers.js

Usage Examples

$ react watch