Creating and Running Angular Project in Visual Studio Code | VS Code Tutorial for Beginners

In this tutorial session, we will learn to create Angular Projects in Visual Studio Code.
Angular is a popular JavaScript library developed by Google for building web application user interfaces.
Note: we are going to use 'Angular CLI' to create and run an angular project.

why? - To install and use the command line interface as well as run the Angular application server.

open cmd and type: node --version and npm --version

Step 3: To install the Angular CLI, in a terminal or command prompt type:
npm install -g @angular/cli

Step 4: Now we create a new application by typing the following command on the terminal:
ng new myAngularProject

Note: myAngularProject is the name of the folder for your application.
This may take a few minutes to create the Angular application in TypeScript and install its dependencies.

Step 5: Now we will run our application on the Angular Application server by starting the server.
open cmd --: cd myAngularProject then type: ng serve
Step 6: now we will open our application in visual studio code :
open another cmd and type: code . press enter.

Step 7: Editing code file and save & run. (VS Code Supports autosave feature.)

If you found this video tutorial useful and would like to support me, you can do so by buying me a coffee using the below link!

#AngularProjectInVSCode #AngularProjectBeginners #CoolITHelp

[rencyrathod]

This vdo is so helpful for me I tried many vdos before and wasn't really able to installed it but this vdo is awesome, great job !!

[manateluguinamerica]

wow ur explanation is soo good, i just learned how to run a app in angular, need some more videos on step by step to build a project

[poosasaikumar]

in 14 minutes explained about installing and creating new project

[ranjithal]

code . cmd not is not recognized as an internal or external command,
operable program or batch file.

[rahamathullahibrahim]

You did a great job brother so neat and concise.... keep it up

[FARHATUNNISHA]

Thank you sir this video is really helpful...

[adhithiyanb]

very very useful and very good video its working thanks for the info

[udhayabhanu]

When I try to do step 4. It is showing that ng is not your internal or external command. What is the problem behind it

[losgatog]

There goes 14 minutes and 19 seconds I won't bet getting back. You could use notepad to edit the file, it is ng that detects and refreshes the change not VSCode