How to Install Node.js: A Step-by-Step Guide

surendra sahu — Mon, 24 Feb 2025 04:51:56 +0000

Node.js is a powerful runtime environment that allows developers to run JavaScript on the server side. Whether you're a beginner or an experienced developer, installing Node.js correctly is crucial. In this guide, we'll walk through the installation process for Windows, macOS, and Linux, along with verifying the installation and setting up a basic project.

Why Use Node.js?

Node.js is widely used for backend development, real-time applications, APIs, and more. Some benefits include:

Non-blocking, event-driven architecture.
High performance due to the V8 JavaScript engine.
Large ecosystem with npm (Node Package Manager).

Installing Node.js on Windows

Step 1: Download the Installer

Visit the official Node.js download page.
Choose the LTS (Long-Term Support) version for stability.
Download the Windows Installer (.msi file).

Step 2: Run the Installer

Open the downloaded .msi file.
Follow the installation wizard and accept the terms.
Select the default settings and complete the installation.

Step 3: Verify the Installation

Open Command Prompt (Win + R, type cmd, and press Enter) and run:

node -v

This should display the installed Node.js version. Also, verify npm (Node Package Manager) with:

npm -v

Installing Node.js on macOS

Step 1: Use Homebrew (Recommended)

If you don’t have Homebrew, install it first by running:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Then, install Node.js with:

brew install node

Step 2: Verify Installation

Check the versions:

node -v
npm -v

Installing Node.js on Linux

Step 1: Update the System Packages

sudo apt update && sudo apt upgrade -y

Step 2: Install Node.js using apt

sudo apt install nodejs npm -y

Step 3: Verify Installation

node -v
npm -v

Installing Node.js via Node Version Manager (NVM)

Using NVM is the best way to manage multiple Node.js versions.

Step 1: Install NVM

curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

Restart the terminal and verify the installation:

command -v nvm

Step 2: Install and Use Node.js

nvm install --lts
nvm use --lts

Creating a Simple Node.js Project

Let's create a basic Node.js application.

Step 1: Initialize a New Project

mkdir my-node-app
cd my-node-app
npm init -y

This creates a package.json file, which manages the project dependencies.

Step 2: Create an `index.js` File

Inside the project folder, create index.js and add:

console.log("Hello, Node.js!");

Step 3: Run the Script

node index.js

It should output:

Hello, Node.js!

Conclusion

Now, you've successfully installed Node.js on your system and created a simple project. If you’re working on enterprise-level applications, integrating different systems is crucial. Check out our System Integration Services to streamline your development workflow efficiently.

Node.js provides a vast ecosystem for building scalable applications. Keep exploring and happy coding!

Google Search Console Meta Verification Issue in Angular and Its Solution

surendra sahu — Mon, 03 Feb 2025 07:04:29 +0000

If you have built a website using Angular and when adding the Google Search Console meta verification tag, it automatically removes "/> and replaces it with ">, causing verification to fail, then this issue occurs due to Angular's template parsing mechanism.

🚨 Reason for the Issue
Angular processes HTML differently and may modify self-closing tags () by converting them into a standard HTML format (). This happens because self-closing tags are not mandatory in HTML5, and Angular tries to optimize them.

🔍 Impact of the Issue
Google Search Console expects the exact meta tag format as provided, and if Angular modifies it, the verification process fails.

✅ Solutions to Fix the Issue
1️⃣ Use Angular's Meta Service to Add Meta Tags Dynamically
Instead of adding the meta tag directly in index.html, use Angular's Meta Service to ensure it remains unchanged:

import { Component } from '@angular/core';
import { Meta } from '@angular/platform-browser';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private meta: Meta) {
this.meta.addTag({
name: 'google-site-verification',
content: 'YOUR_VERIFICATION_CODE'
});
}
}

This ensures that Angular does not modify the meta tag, and Google can read it correctly.

2️⃣ Directly Edit index.html to Add the Meta Tag
If you are adding the meta tag in index.html, make sure it is inside the

section and that Angular does not override it:

💡 Even if the self-closing /> is removed, it should not cause a problem. But if verification still fails, use the Meta Service method.

3️⃣ Use Server-Side Rendering (SSR) with Angular Universal
If your website uses Server-Side Rendering (SSR), Angular might add meta tags after the page loads, which means Google may not detect them.
🔹 Solution: Use Angular Universal (@angular/platform-server) so that meta tags are included in pre-rendered HTML before the page loads.

🔥 Conclusion
👉 Angular modifies meta tags, which can cause Google Search Console verification to fail.
👉 Using the Angular Meta Service API or modifying index.html directly can resolve this issue.
👉 If your site uses SSR, then Angular Universal is the best solution.

📌 Still facing issues? Let me know in the comments! 🚀

follow: egg rate today

DEV Community: surendra sahu