gene-file

Generate-file-commands

Use GF to generates a diff style girl friend for you

Generate-file-commands is a very easy tool for generate file for differently lib between Vue、React and Angular.

Install

npm install gene-file -g
// or
yarn add gene-file -g

Usage

Notices

• In fact, i don't know how it will be on Windows.
• Please commit any issue if it has.
• If u have command conflict, maybe it is useful for u

• MacOS if gf command be used before

• unalias

  unalias gf // clear
  npm install -g // reset alias 'gf'

• bash_profile

  vim ~/.bash_profile
  i // edit mode
  alias gf='node /usr/local/lib/node_modules/gene-file/index.js'
  :wq // save

• MacOS delete and reset command

  rm /usr/local/bin/{command}
  rm /usr/local/lib/{command_lib}

• MacOS alias

  alias {command}={'any other commands'}

Options

  Usage: gf <type> <file> [options]

  Use GF to generates a beautiful girl friend for you.

  Options:

    -V, --version                                  output the version number
    -d, --dom, <ReactDOM> false                    Do you wanna import module `ReactDOM`? (default: false)
    -f, --format <format=class||function> 'class'  It declares a `function` or `class`? (default: class)
    -p, --pure, <PureComponent> false              Is it generate a `React.PureComponent`? (default: false)
    -r, --render,  <selector> '#root'              Does it use ReactDOM.render method? (default: #root)
    -de, --debug, boolean                          open debug mode
    -h, --help                                     output usage information

  Examples with React:

    $ gf r test.js
    $ gf r test -f function --debug

with React

gf r [-f <class/function>] [-p <React.PureComponent>] [-d <ReactDOM>] <filename>

with Vue

Todo

gf v <filename>

with Angular

Todo

gf a <filename>

Todos

• with vue.js style generates.
• with angular.js style generates.