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.

Step 1: First we need to install Node.js JavaScript runtime and npm (the Node.js package manager).
why? - To install and use the command line interface as well as run the Angular application server.
Please watch this tutorial to install Node.js/Npm -
link: https://youtu.be/fk8gVu8PJXM

Step 2: In case you have node.js/npm on your system. please verify with the following commands :
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
open browser: http://localhost:4200 here we will see the welcome message.
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!
https://buymeacoffee.com/CoolITHelp

#AngularProjectInVSCode #AngularProjectBeginners #CoolITHelp