Preloader BmnTeam

Angular CLI Installation

Where can I get an Angular CLI?

First off all just visit official website  where will be suggested to install library using NodeJS package manager. To install Angular CLI you have to type next commands, one by one:


npm install -g @angular/cli

A small notes about difference between installation Angular CLI using flag -g flag or without it. When you install Node Package in using global mode (-g) it means that it's installing in a root folder urs/local/lib/node_modules on MacOS by default. And every time when you type ng new NodeJS will search application first in the node_modules directory in your project then in the global scope.

If you install Angular CLI or other libraries using global flag you will always have this library in the global scope that means that you don't have to install Angular CLI on every new project.

Am I have to install Angular CLI with a global scope always? Usually the answer is Yes, if you are planing to make more than one project on Angular. But be aware that in this situation you have to update Angular CLI by yourself, so don't forget to do it sometimes with this commands:


npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

How to create a new Angular application?

Move to the folder where you want to create your Angular application using bash terminal or your IDE terminal


ng new stock-api
cd stock-api
ng serve

My congratulations you just have build a new Angular application!

Installation Parameters

Sometimes in your Angular project you need to specify which CSS preprocessor you want to use --style parameter which can take following arguments:


--style=css
--style=scss
--style=less 
--style=sass
--style=styl

Default value is CSS but you can choose everyone you wish, example of usage:


ng new stock-api --style=sass

Another interesting parameter is --inline-template which can specify what type of templates do you want to use, default value is false which means that you template will be on the separate file.
For additional information about new Angular application parameters visit official wiki page.

Difficulties

If you use Linux or MacOS operation system, make sure that you install Angular CLI with superuser rights, to make it use following code


sudo npm install -g @angular/cli

You also might come across with problem when update to Angular CLI 6.0 from lower versions,
Local workspace file ('angular.json') could not be found.
Use following command to create that file with all dependencies automatically:

 ng update @angular/cli --migrate-only --from=1.7.4 
Front End Developer Maksim B.
Front End Web Developer Maksim B.