How to Install Angular CLI on Debian 10/9/8

Angular is an frameworks, libraries, assets, and utilities. It keeps track of all the components and checks regularly for their updates. This tutorial will help you to install the Angular CLI tool on Debian 10 Buster, Debian 9 Stretch, and Debian 8 Linux systems.

Reference: Serve Node.js Application behind the Apache Server

Step 1 – Install Node.js

First of all, you need to install node.js on your system. Use the following commands to configure node.js PPA in your Debian system and install it.

sudo apt-get install software-properties-common
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install nodejs

Make sure you have successfully installed node.js and NPM on your system

node --version
npm --version

Step 2 – Install Angular/CLI on Debian

After finishing the Node.js installation on your system, use the following commands to install the Angular CLI tool on your system globally.

npm install -g @angular/cli

The above command will install the latest available Angular CLI version on your Debian system. To install specific Angular version run command as following with version number.

npm install -g @angular/[email protected]6     #Angular 6
npm install -g @angular/[email protected]7     #Angular 7
npm install -g @angular/[email protected]8     #Angular 8
npm install -g @angular/[email protected]9     #Angular 9

Using the -g above command will install the Angular CLI tool globally. So it will be accessible to all users and applications on the system. Angular CLI provides a command ng used for command-line operations. Let’s check the installed version of ng on your system.

ng --version


    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.1.3
Node: 12.7.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.801.3
@angular-devkit/core         8.1.3
@angular-devkit/schematics   8.1.3
@schematics/angular          8.1.3
@schematics/update           0.801.3
rxjs                         6.4.0

Step 3 – Create New Angular Application

Now, create a new application named hello-angular4 using the Angular CLI tools. Execute the commands to do this:

ng new hello-angular4

Output:

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.

This will create a directory named hello-angular4 in your current directory, and create an application.

Step 4 – Serve Angular Application

Your basic Angular application is ready to serve. Change directory to hello-angular4 and run your Angular application using ng serve command.

cd hello-angular4
ng serve

You can access your angular application on localhost port 4200, Which is the default host and port used by Angular application.

• http://localhost:4200

You can change host and port for running Angular application by providing –host and –port command line arguments.

ng serve --host 0.0.0.0 --port 8080

The IP address 0.0.0.0 listens on all interfaces and publically accessible.

Conclusion

You have successfully installed Angular CLI and created a sample application. The next tutorial will help you to configure the Angular application behind the Apache server to serve with a domain name.