How to create Angular 8 Project using Angular CLI

In this tutorial you will learn how to create Angular-8 project using Angular CLI.

Before creating Angular-8 Project We need to have following prerequisites.

• First check your environment and add node.js & Node Package Manager.
• For installing node.js, use the URL - https://nodejs.org/en/download
• If Node.js is already installed on your system, just check the version of Node.js to ensure it is 8.x or 10.x
• You can check for the versions of node and npm using the following commands respectively - node -v  and npm -v

Setting up angular/cli in our system environment

For the installation using npm, just go and open the terminal and run the below command.

npm install -g @angular-cli : '-g' means we are installing angular-cli globally for our system.

If you want to see the version of Angular CLI, Node, OS, Angular, and some of the related packages in the same window.

If in your system version angular-8 is not setup then download latest CLI using below command

npm install -g @angular/cli@latest 

After installation of all the prerequisites check the version of node, npm etc.. like below.

Set up the application in your directory

For installation using ng, open the terminal and run the below command.
ng new your-application-name

The application is ready and installed all the dependencies in the desire path. Now we can open the code through VS Code editor and run the brand new application.

To open the application in VS code using Powershell window just write code. followed by path

Now the application is open in Vs code like below, To run the application open the Vs Code terminal like below.

To run the application type below command in terminal

ng serve --open OR ng s --o

Now the Angualr-8 application is open in browser using Angular CLI

Summary

       In this tutorial we discussed how to create Angular 8 Project using Angular CLI. If have any question related to this topic then give your feedback.