Skip to content

hengkx/react-tools-cli

Repository files navigation

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