> For the complete documentation index, see [llms.txt](https://duncanhunter.gitbook.io/angular-and-ngrx/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://duncanhunter.gitbook.io/angular-and-ngrx/1.-create-an-application.md).

# 1. Create an application

In this section we will create our application with the Angular CLI and discuss and examine its parts.

* Change directory into the new app's directory and open it with VS Code

## 1. Create a new Angular CLI app

* Run the following command to generate a new Angular application

```
ng new angular-and-ngrx-demo-app --style scss --prefix app
```

Change into the new app's directory and open it with VS Code

```
cd angular-and-ngrx-demo-app
```

```
code .
```

## 2. Run the app <a href="#id-2-run-the-app" id="id-2-run-the-app"></a>

* Launch the app with the following command ('s' is short for serve)

```
ng s
```

Look at output

![Bundled javascript files added to index.html dynamically](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LBrKUK581lwLgG0REVS%2F-LETpqwXGsQ61JrR23om%2F-LETqbRMR25KLfmGW0PV%2Fimage.png?alt=media\&token=f59945fe-414d-479a-8705-9195806666a9)

## 3. Review the structure and key files <a href="#id-3-review-the-structure-and-key-files" id="id-3-review-the-structure-and-key-files"></a>

* package.json
* index.html
* main.ts
* app.module.ts
* app.component.ts

## StackBlitz Link <a href="#id-3-review-the-structure-and-key-files" id="id-3-review-the-structure-and-key-files"></a>

{% embed url="<https://stackblitz.com/github/duncanhunter/angular-and-ngrx-demo-app/tree/1-create-an-application>" %}
Stack blitz web app step 1
{% endembed %}