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

Make sure you have the latest Angular CLI installed:

npm install -g @angular/cli

Generate a new application with the following command:

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

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.

Instead of building everything from scratch, we can built it on top of components that the Angular team provides for us.

Install the Angular CDK by running the following command: