Overview

Generator for creating web components based on Polymer 2 and built from Pug, Sass and ES6. This generator has been created to behave as component engine for Polymer App Base. This web components build is designed to be integrated in its structure. However, you can also use it following the next files structure:

components
  |-- bower_components
  |-- custom-component-example
      |-- sources
          |-- custom-component-example.js
          |-- custom-component-example.pug
          |-- custom-component-example.scss
      |-- custom-component-example.html
          *It is created by compiling the sources files
  |-- components.html *components list

*I recommend you having a look at Polymer App Base. There you will find gulp tasks to compile the sources files

Installation

First, install Yeoman and generator-components-creator using npm (I assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-components-creator

Then, go to your components folder, write the following command and follow the generator instructions.

yo components-creator

Enjoy it!