Angular Framework Project Creation on Linux Ubuntu 20.04

Create Angular Application

First, to create an Angular application, the following prerequisites are required:

• JavaScript
• HTML
• CSS

To install Angular on your local system, you need the following:

• Node.js

Node.js

If you are unsure what version of Node.js runs on your system, run node -v in a terminal window.

Below is a video explaining how to install node on ubuntu linux 20.04:

Angular, the Angular CLI, and Angular applications depend on npm packages for many features and functions. 

To download and install see the video above How to Install Nodejs and Npm on Ubuntu 20.04 - Linux.

To check that you have the npm client installed, run npm -v in a terminal window.

Install the Angular CLI

You use the Angular CLI (Command Line Interface) to create projects, generate application code, library code, and perform a variety of ongoing development tasks such as testing, bundling and deployment.

See how to install Angular CLI in the video below:

Create a workspace and initial application

The Web Applications are developed in the context of a workspace.

The video below explain how to create a workspace and initial starter app:

Run the Web Application

The Angular CLI includes a server, so that you can build and serve your app locally.

• In the workspace folder (such as /home/user/projects/my-application-name), run the following command: ng serve --open

The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.

The --open (or just -o) option automatically opens your browser to http://localhost:4200/.

If your installation and setup was successful, you should see a page similar to the following.

For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.