mirror of https://github.com/portainer/portainer
766ced7cb1
* chore(project): add angular components code snippets * chore(project): add plopjs templates * feat(project): use class in controller template * chore(client): rename generators * chore(vscode): fix controller snippets * chore(git): ignore only specific files in .vscode * chore(plop): move generators to app * chore(plop): fix portainer module * fix(git): fix gitignore vscode * chore(vscode): remove symling to code-snippets * refactor(build): move plop templates to root * feat(build): add readme for plop |
||
|---|---|---|
| .. | ||
| README.md | ||
| component-controller.js.hbs | ||
| component.html.hbs | ||
| component.js.hbs | ||
README.md
Plop generator
We use plop.js to generate angular components in our app (in the future we might use it for other things).
in order to create a component with the name exampleComponent, go in your terminal to the folder in which you want to create the component (for example, if I want to create it in the portainer module components, I'll go to ./app/portainer/components). then execute the following line:
yarn plop exampleComponent
this will create the following files and folders:
example-component/index.js - the component file
example-component/exampleComponent.html - the template file
example-component/exampleComponentController.js - the component controller file