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
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
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!