autoplate v1.0.20
autoplate - LIVE PREVIEW
autoplate is a CLI tool to generate an opinionated file structure for common and screen based components. To begin with, this package will support react
and react-testing-library
to generate boilerplate for a file and corresponding test.
This package is a work in progress.
Development
As of now, you will need to manually add to path or run npm link
in the src folder.
Roadmap
1.1.0
- Autoinstall into path
1.2.0
- Custom folder structures in the
autocomponent.json
- Custom boiler plates able to be set by file extension in the
autocomponent.json
Get Started
Run npm install -g autoplate
In the root of your project folder, run ap init
. By default it will assume you have a src
folder. If this is not the case, then alter the root
in the autocomponents.json
.
To make a component run ap <name> <type> <size>
. For example:
ap Button common atoms
to create a Button in the common atoms.
ap HeroBlock product molecules
to create a HeroBlock in a Product screen as a molecule.
The type
can be either common
or the name of a screen subfolder. If the screen subfolder doesn't exist, it will attempt to make it.
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago