Angular 19 Tutorial in Hindi #2 | Angular Installation and Setup in Windows OS | #angular19

Step 1: Install Node.js

  1. Visit – nodejs.org
  2. Download the LTS version (Long Term Support)
  3. Complete the installation

To check if Node is installed correctly, open Command Prompt and type:

node -v
npm -v

Step 2: Install VS Code (Code Editor)

  1. Go to – code.visualstudio.com
  2. Click Download for Windows
  3. Install the app – this is where you’ll write your React code

Step 3: Create React Project Using Vite

  1. Open your Terminal
  2. Create a folder to store your project:
mkdir tutorials
cd tutorials

Run this command to create a new React project:

npm create vite@latest

You’ll be asked a few questions:

  1. Project name: react-blog
  2. Framework: Choose React
  3. Variant: Choose JavaScript

Now go into your project folder:

cd react-blog

Step 4: Open Project in VS Code

Type this command:

open .

It will open your project in Visual Studio Code.

Step 5: Install Required Packages

To install all the necessary files (node_modules), run:

npm install

Step 6: Run the React App

Now start the development server with:

npm run dev

Your app will open in the browser at http://localhost:5173.

Step 7: Test If It’s Working

  1. Open the file: src/App.jsx
  2. Replace the existing code with:
<h1>Code Step by Step</h1>
<h1>Hello React</h1>

If you see this on the browser, your setup is complete!

Now your React project is ready to go using Vite on macOS.