Yeoman generator to create Custom Elements using Polymer, X-Tag or VanillaJS
All templates are based in the boilerplates authored by the WebComponents.org team:
Install this generator using NPM:
$ [sudo] npm install -g generator-element
There are two different generators available.
The first one used to scaffold out new individual elements:
$ yo element
[?] What do you want to use? [?] What's the name of your element? [?] Do you want to include lifecycle callbacks?
Which will generate the following file:
. └── my-element.html
The second one is used to scaffold an entire project:
$ yo element:repo
[?] What do you want to use? [?] What's the GitHub repository? [?] What's your GitHub username? [?] What's the name of your element? [?] How would you describe the element? [?] Do you want to include lifecycle callbacks? [?] Do you want to include some useful Grunt tasks?
Which will generate the following project structure:
. ├── .editorconfig ├── .gitignore ├── bower.json ├── package.json ├── index.html ├── Gruntfile.js └── src/my-element.html
npm installfor you to fetch all dependencies.
Note: files will be generated in the current directory, so be sure to change to a new directory before running those commands if you don't want to overwrite existing files.
git checkout -b my-new-feature
git commit -m 'Add some feature'
git push origin my-new-feature
For detailed changelog, see Releases.
This project is maintained by these people and a bunch of awesome contributors.
MIT License © WebComponents.org