Getting Started

Getting Started

There are a few things that we will do at the beginning of every application build, these are things like:

• Generating the application
• Installing extra packages (if necessary)
• Restructuring the generated application to our liking

Most of the time this should be pretty straightforward, as we can use the Angular CLI options to handle a lot of the configuration for us.

Generate the Application

Action

Make sure you have the latest Angular CLI installed:

npm install -g @angular/cli

Action

Generate a new application with the following command:

ng new angularstart-quicklists --defaults --style=scss --inline-template --inline-style --skip-tests

Action

Open the project in VS Code or your favourite editor

With the project created, we are going to make just a few modifications to get things going.

Install Packages

In this project we are going to make use of the Angular CDK (Component Dev Kit). This provides us with the basics of what would otherwise be complex features to build, for example things like a Menu, Drag and Drop, Modal/Dialog and more.