Skip to main content

Installing Node.js and npm

Setting Up the Development Environment: Installing Node.js and npm

Before we delve into the actual coding and development with React, it is essential to set up the development environment correctly. This article will guide you through the process of installing Node.js and npm, two critical tools for your React development journey.

What are Node.js and npm?​

Node.js is an open-source, cross-platform runtime environment that allows you to run JavaScript on your server, outside a web browser. It's built on Chrome's V8 JavaScript engine and uses an event-driven, non-blocking I/O model, making it lightweight and efficient.

npm stands for Node Package Manager. It is the default package manager for Node.js and is essential for managing all the packages and modules for your project, along with their respective dependencies.

Now let's get them installed!

Installing Node.js and npm​

Windows Installation​

  1. Visit the official Node.js website's download page at https://nodejs.org/en/download/.
  2. Download the Windows Installer (.msi), either 32-bit or 64-bit depending on your Windows version.
  3. Run the downloaded .msi file and follow the prompts in the installer. The installer will automatically install both Node.js and npm.
  4. To verify the installation, open Command Prompt and type the following commands:
node -v
npm -v

If the installation was successful, you should see the versions of Node.js and npm displayed.

macOS Installation​

  1. Visit the official Node.js website's download page at https://nodejs.org/en/download/.
  2. Download the macOS Installer (.pkg).
  3. Run the downloaded .pkg file and follow the prompts in the installer. The installer will automatically install both Node.js and npm.
  4. To verify the installation, open Terminal and type the following commands:
node -v
npm -v

If the installation was successful, you should see the versions of Node.js and npm displayed.

Linux Installation​

For Linux, we can use the package manager apt for the installation.

  1. Open Terminal.
  2. First, update your local package index with the command:
sudo apt-get update
  1. Then install Node.js with the command:
sudo apt-get install nodejs
  1. Install npm with the command:
sudo apt-get install npm
  1. Verify the installation by checking the versions of Node.js and npm:
node -v
npm -v

If the installation was successful, you should see the versions of Node.js and npm displayed.

Conclusion​

Congratulations! You've successfully installed Node.js and npm on your system. These tools form the foundation for your React development environment. In the upcoming lessons, we'll utilize these tools to create and manage our React projects.