@chrisb-dev/fe-file-gen v1.0.0
Frontend CLI file generator
Generates required files for a class for use in an Angular or React.
Usage
To run the app
$ fe-file-gen {className} -t {componentType}
Replace {className} with the name of the file you want to create, using dashes between words e.g my-home-page.
Replace {componentType} with the angular type the component will be e.g:
- component
- service
- react
Component and service are angular components.
Output format
Angular Component
Outputs the required files for the relevent class type in a folder with the given className.
E.g
$ fe-file-gen my-home-page -t component
Will create a new folder my-home-page, which contains 5 files
- my-home-page.component.scss
- my-home-page.component.spec.ts
- my-home-page.component.template.pug
- my-home-page.component.ts
- my-home-page.module.ts
These will be fully populated with the basics they'll need.
React component
The react component base has dependencies on the following elements:
- react
- redux
- react-redux
fe-file-gen my-react-thing -t react
Creates the following files:
- my-react-thing.component.scss
- my-react-thing.dispatch.props.ts
- my-react-thing.presentation.tsx
- my-react-thing.scss
- my-react-thing.state.props.ts
6 years ago