CLI / Templates

Creating a new project

# Create a new website project named 'my-new-webapp'
npx zuix new my-new-webapp

A new folder named my-new-webapp will be created containing all files required to run the web-starter project.

Different starter project templates are available and can be specified using the -t option. See zuix.js Web Starter documentation for a list of available templates and a complete overview of commands and features.

Creating a new component

npx zuix generate component "<component_name>"

Examples

npx zuix g component cards/my-new-card

will generate three files for the component MyNewCard:

• ./source/app/components/cards/my-new-card.html
• ./source/app/components/cards/my-new-card.css
• ./source/app/components/cards/my-new-card.js

To generate only the view template ArticleHeader:

npx zuix g template article-header

will generate:

• ./source/app/templates/article-header.html
• ./source/app/templates/article-header.css

To generate the controller MyServiceApi:

npx zuix g controller my-service-api

• ./source/app/controllers/my-service-api.js