Setup and Installations Step by Step | Angular Tutorial – 1

Hello Everyone, I have started a new Angular tutorial, In this tutorial will explain to you all Angular topics from basic to advanced, and it will help beginners, who want to start learning Angular.

Now it’s time to Setting up and install the Angular series step by step to create a new development environment. Angular is a very popular javascript framework for building web applications, and it will require Node.js and NPM (Node Package Manager) to be installed. Here’s a step-by-step guide on how to set up and install Angular:

Install Node.js: Angular requires Node.js and npm to be installed on your laptop. You can download it from the official Node.js website: https://nodejs.org

After downloading and installing Node.js, open your terminal and run the following commands
Input:

node -v
npm -v

Output:

Install Angular CLI Globally: Angular CLI will help to create a new Angular application, open your terminal and run:

npm install -g @angular/cli

Create a New Angular Project: Now it’s time to create a new Angular Application on your workspace. run the following command in your terminal and running:

ng new my-app

Go to your Project Folder: Navigate to your angular directive

cd my-app

Run the Development Server: To Start the application, first, you need to run the following command to compile the Angular application and run it on your browser.

Run the following command:

ng serve

Above command will compile your application and start a local development server. By default, it will be open on your app in a web browser at http://localhost:4200.

Remember, this is a basic guide to getting started with Angular. As you progress, you’ll dive into more advanced concepts like components, services, modules, routing, and more.

If you face any issues or need more advanced help and instructions, you can email me at my adityamishra99@outlook.com refer to the official Angular documentation: https://angular.io/guide/setup-and-install

Happy Coding ☺️