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

# Generating New Project

[Documentation](https://stenciljs.com/docs/getting-started)

_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](https://github.com/microsoft/terminal)&#x20;

> 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.

```javascript
npm install -g stencil
```

```javascript
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_

<div align="left"><img src="https://2768661053-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMabv2sF5BvVBSjGZx7%2F-MMdUnbxU98kUwgHpGGT%2F-MMdWb17AJ2_PimzL2Qq%2Fimage.png?alt=media&#x26;token=b4cd76ed-0d69-4f57-ab02-6492c7d99a6d" alt="Stencil Init Prompt"></div>

_It further asks to give a project Name. and you are all set._&#x20;

<div align="left"><img src="https://2768661053-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMabv2sF5BvVBSjGZx7%2F-MMdUnbxU98kUwgHpGGT%2F-MMdXOLBbUpdrTKxHzVw%2Fimage.png?alt=media&#x26;token=ad994c79-c77a-48e8-b0de-4e6509a1d20f" alt=""></div>

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_ )&#x20;

_You could get a similar experience with Angular by_ - using the **skipInstall** flag

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

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

Let's explore the [Project structure](initial-project-structure) a bit.&#x20;
