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

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

• MacOS if gf command be used before

1. unalias

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

1. 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

1. with vue.js style generates.
2. with angular.js style generates.