Getting started with Angular 6 CLI

Getting started with Angular 6 CLI

Prerequisites

Node Package Manager

First of all we need a package manager called npm (node package manager). There are different ways to install npm. The easiest way is to install node which includes npm. Just recommend to follow the official website https://nodejs.org/en/download/. To check if the installation was successful, open your desired terminal and type:
npm -v the version number should be printed out, at this moment 5.6.0. Now we are ready to install Angular.

Integrated Development Environment (IDE)

There are a ton of IDEs you can use but my recommendation is Microsoft's free and open sourced IDE called Visual Studio Code. You can download it here for free. https://code.visualstudio.com/

Install Angular 6 CLI

Installing Angular 6 CLI is quite simple just type npm install -g @angular/cli The -g means install angular globally. Without the -g it would install angular locally in your current folder. After the installation you can check if everything was installed correctly by typing ng -v. You should see a red Angular CLI typeface with version informations down below. The current version while writing this blog post is 6.0.8. Great! Now lets create a project.

Create a Angular CLI project

Just type ng new arconsisBlog. The new flag stands for a new project and the project name in our example will be arconsisBlog. Now it takes some time to create the project and download necessary data to get started. Now change directory into newly created project by typing cd arconsisBlog.

Run it

To start the newly created project type ng serve. You will see something like: ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **. Visit the page and you should see Welcome to app. You have successfully created your first website!

Visit the next section Create a component or feel free to leave your feedback or suggestions here. You can find me at Twitter or simply send me an email to tomislav.eric@arconsis.com.