Steps to Create your first application using angular CLI

Step-1: Install angular cli

npm install - g @angular/cli

Step-2: Create new project by this command Choose yes for routing option and, CSS or SCSS.

ng new myNewApp

Step-3: Go to your project directory

cd myNewApp

Step-4: Run server and see your application in action

ng serve -o --poll=2000

Output: Below Image shows the default angular app output.

Angular is the most popular front-end framework for building dynamic web applications. It uses typescript by default for creating logics and methods for a class but the browser doesn’t know typescript.

Setting up an Angular project from scratch can be a task, especially for beginners. here, the Angular Command Line Interface (CLI) comes into picture, serving as a powerful tool to streamline the project setup process and enhance developer productivity. Webpack is used to compile these typescript files to JavaScript. In addition, there are so many configuration files you will need to run an angular project on your computer.

Angular CLI is a tool that does all these things for you in some simple commands. Angular CLI uses webpack behind to do all this process.

Note: Please make sure you have installed node and npm in your system. You can check your node version and npm version by using the following command:

node --version
npm --version