Angular & CLI (Command Line Interface)

Author: Dawid Adach

-

Goal

The goal of following tutorial is to guide you on how to install Angular on your local machine. This require Node.js and npm installed on your machine. If you don't have it or don't know if you have, please check previous tutorial. If you already have it we can start installing Angular!

Angular and Angular CLI

Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations. Angular Command Line Interface (CLI) is a tool which helps you to scaffold and build angular apps using modules. It also handles all common tedious task for you. We will show it on the example but first - let's install.

1. Installation

Open terminal and run:

npm install -g @angular/cli

Next we will install Typescript - type script is a superset of JS, we will learn more about that in next lessons, for now just note that it's required by Angular

npm i -g typescript

2. Verify installation

Run following command in the terminal:

ng -v

You should see current version of Angular, CLI and Typescript:

hello world

3. First Angular app

Since everything is ready we are ready to create our first Angular app. Open terminal and run following command:

ng new hello-world

Expected output:

new new cli

Now let's navigate to our new project:

cd hello-world

and run:

ng serve -o

Expected output:

new serve

Our browser should automatically open (cause we added -o option) new window/card in our default web browser and display following content. If that didn't happen, open a browser manually and navigate to

http://localhost:4200/
new serve

Now let's get back to our current project.Click NEXT LESSON button to proceed further.



Spread the word:
Do you need help?: Use our support forum

About author

Dawid Adach
For more than 5 years Dawid was working as an IT Consultant specializing in SOA/EAI/ESB for banking domain. He was gaining experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the biggest companies within a domain. Since 2 years as a co-founder of mdbootstrap.com & brandflow.net is using and teaching others technologies like Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...
Sign up to follow your progress and get additional benefits