Progen Cli | Quick Start

This tutorial is design to get you started quickly and does not explain all the options in depth. For more information continue reading this documentation.

linkConfiguration File

Create a file called .progenrc at the root of you project with the following content

.progenrc1{

2  "templates": ".progen/templates", /* --> Relative to current working directory. */

3  "output": {

4    "component": "./components"

5  }

6}

linkCreate Templates

Create a new file and save it to .progen/templates/component.js.

component.js1export default function $NAME$() {

2    return (

3        <section>

4            <h2>My Heading</h2>

5            <ul>

6                <li>One</li>

7                <li>Two</li>

8            </ul>

9        </section>

10    );

11}

linkUse the CLI

Open the terminal and call Progen with the following arguments:

terminal1progen -w component -n Section -m -s "NAME:Section"

linkCheck the Results

Check the components directory and it should now contain a Section directory with the template we just created.

linkQuick Start

linkConfiguration File

linkCreate Templates

linkUse the CLI

linkCheck the Results