Generating New Project

The documentation does a good job, at outlining this - but am adding it here for the sake of completeness

Documentation

Install stencil globally, so that it is available from command prompt. If you are on Windows, i would recommend using - https://github.com/microsoft/terminal

Windows Terminal is a new, modern, feature-rich, productive terminal application for command-line users. It includes many of the features most frequently requested by the Windows command-line community including support for tabs, rich text, globalization, configurability, theming & styling, and more.

npm install -g stencil
npm init stencil

Stencil can be used to create standalone components, or entire apps. After running init you will be provided with a prompt so that you can choose the type of project to start. Choose app. Press Enter

Stencil Init Prompt

It further asks to give a project Name. and you are all set.

The first thing that might awe you, is how fast the initial set up is ( 9ms ) . With Angular, can take a couple of mins installing everything. But that is because, the set up does not install any dependencies / packages. ( see this - We suggest ... section )

You could get a similar experience with Angular by - using the skipInstall flag

ng new <name> --skipInstall=true|false

A list of all other flags is available @https://angular.io/cli/new

Let's explore the Project structure a bit.

Last updated

Was this helpful?