How to Install Axios Using npm or Yarn

Axios is a popular, promise-based HTTP client for JavaScript that works seamlessly in both Node.js and browser environments. This guide provides a straightforward walkthrough on how to install Axios into your project using either the npm or Yarn package manager, followed by a quick example of how to import and verify the installation.

Prerequisites

Before installing Axios, ensure that you have Node.js installed on your system and that you have initialized your project directory with a package.json file. If you haven't initialized your project yet, run:

npm init -y

Installing Axios with npm

If you use npm (Node Package Manager), open your terminal, navigate to your project's root directory, and run the following command:

npm install axios

This command downloads Axios, places it in your node_modules folder, and adds it as a dependency in your package.json file.

Installing Axios with Yarn

If you prefer Yarn as your package manager, navigate to your project directory and execute:

yarn add axios

Yarn will resolve the package, install it to node_modules, and update your package.json and yarn.lock files automatically.

Verifying the Installation

To verify that Axios is installed correctly, you can import it into a JavaScript file and make a test request.

Using ES6 Modules (import):

import axios from 'axios';

axios.get('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => {
    console.log('Data fetched successfully:', response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

Using CommonJS (require):

const axios = require('axios');

axios.get('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => {
    console.log('Data fetched successfully:', response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

Run your script using node <filename>.js to confirm that Axios is fetching data as expected.