DEV Community

Cover image for Angular Getting Started
John Peters
John Peters

Posted on • Edited on

Angular Getting Started

November 2019: the best way to get started with Angular...

Step 1) Download and install
Visual Studio Code

Step 2) Download and install Angular

VSCode

A very lightweight, speedy, powerful free IDE. It's great; and is taking the world by storm.

Angular

Comes with a command line tool that makes creating a new project as simple as "ng new my-app". Followed by cd my-app and ng serve --open

Best Way to Learn

Step 3) Create a new project and simply serve it up, takes 5 minutes or less to start. Learn by doing a real project in small steps.

Angular is a client side MVC application without the controller, where URL routes display specific Angular Components. Components are compositional in style and are easily created. Enough for now... have fun! We'll pick up more later...

Step by Step

Open Visual Studio Code and navigate via the terminal to the directory you want to start with.

Before starting you can determine the current version of Angular on your system. From Visual Studio's code type in "ng version"

Alt Text

Create a new Project

Alt Text

You'll be asked a few questions, Say yes to Angular Routing, and I picked CSS.

The next thing which happens automatically is that all of the required node modules are downloaded for your project. It's a large task and takes about 5 minutes to complete.

When complete; hopefully you won't have any errors. Like these.

Alt Text

Try to run a build first 'ng build' everything should work... in our case it didn't. A message told us the the @Angular/Schematics were wrong.

Alt Text

JWP2019

Top comments (0)