Angular 12 Tutorial - Creating First Application

You can now create your first Angular application after successfully installing Node.js, NPM, and the Angular CLI. Follow the steps below to start your first application:

 

Step 1- Run the command "ng new name of your project" to launch your Angular CLI and begin your new project. You may give your project whatever name you like. Only a few minutes are required to build your new project, and once completed, the message "Packages installed successfully" will be shown

 

Nodjs setup

 

Step 2- From your Windows command prompt, browse to the root folder of your project and run the command "ng serve". The system will generate the angular application environment, which will be accessible in the browser application

 

Nodjs setup

 

Step 3 -To access your Angular local development server, open your web browser and navigate to localhost:4200: http://localhost:4200/.You can now create new angular components

 

Nodjs setup

 

Conclusion- You can now build a new Angular Application and connect to your localhost Angular development server. The following chapter will teach you about different Angular 12 Architecture and Angular components and templates