To install the Express framework on Visual Studio Code (VS Code), follow these steps:


1. Install Node.js

Express is a Node.js framework, so you need Node.js installed.

  • Download and install Node.js from nodejs.org (LTS version recommended).
  • Verify the installation:
node -v   # Check Node.js version  
  npm -v    # Check npm version

2. Open VS Code and Set Up a Project

  • Open Visual Studio Code.
  • Create a new folder for your project (e.g., express-app).
  • Open the folder in VS Code:
cd path/to/express-app
  code .

3. Initialize a Node.js Project

Inside VS Code’s terminal, run:

npm init -y

This creates a package.json file.


4. Install Express

Run the following command:

npm install express

This will install Express and save it in node_modules.


5. Create a Basic Express Server

  • In your project folder, create a new file: index.js.
  • Add this code to set up a simple Express server:
const express = require('express');
  const app = express();

  app.get('/', (req, res) => {
      res.send('Hello, Express!');
  });

  app.listen(3000, () => {
      console.log('Server is running on http://localhost:3000');
  });

6. Run the Express Server

In the terminal, start the server:

node index.js

Now, open http://localhost:3000/ in your browser, and you should see "Hello, Express!".


Optional: Use Nodemon for Auto-Restart

To avoid restarting manually after code changes, install nodemon:

npm install -g nodemon

Then, run your server with:

nodemon index.js

Now, you have Express installed and running on VS Code! 🚀