ReactJS-The Beginner Master Class
  • React In the Beginning
    • Lesson 1 - Demo: Build a Simple React App - Fast
    • Lesson 2 - HTML Review
    • Lesson 3 - CSS Review
    • Lesson 4 - Modern JavaScript (JSX) Patterns
    • Lesson 5 - Set up Dev Environment
    • Hands-on Practice
  • React Fundamentals
    • Lesson 1 - Understanding Old vs New Way of Building Web Apps - SPAs
    • Lesson 2 - Motivation for Using React as the Solution to Vanilla JS
    • Lesson 3 - What is ReactJS - How it Works
    • React Code Along from Scratch
    • Lesson 4 - Create and Run a React Project with Vite - Full Overview
    • Lesson 5 - Create Hook by State Management in React
    • Lesson 6 - React Project File and Folder Walkthrough
    • Lesson 7 - JSX and How React Treats the DOM & JSX Compilation(by Babeljs) - Overview
    • Lesson 8 - Understanding the Main Files - App.jsx and main.jsx
    • Lesson 9 - Props and One-Way Data Flow - Overview
    • Lesson 10 - Google Bookshelf App - Ver 1.0
    • Hands-on Practice I
    • Hands-on Practice II
  • React State and Styling
    • Lesson 1 - Pulling Book Data from a Different Data File
    • Lesson 2 - Overview of How State Works in React
    • Lesson 3 - RandomQuote App
    • Lesson 4 - Lifting State Up - React Pattern Overview
    • Hands-On - Simple Counter
  • Forms and Interactivity - Grocery List App
    • Lesson 1 - Setup a Simple Form and Input
    • Lesson 2 - Build Form Profile App Using Multi-input Form Data
    • Hands-on : Build a Grocery List App
  • Connecting to the Backend - Consuming APIs - UseEffect Hook
    • Lesson 1 - Connecting to the Back End - Understanding Side Effects, Hooks and useEffect - Overview
    • Lesson 2 - Fetching Data from the Backend the Right Way with useEffect Hook
    • Lesson 3 - Setting Up Loading State
    • Hands-on :Use Dependency Array and Adding Values that Control Side Effects
  • Solo Project 1
  • RESTful APIs :Build a BookSearch App -Ver 2.0
    • Lesson 1: Build and test RESTful APIs with Postman
    • Lesson 2 - BookShelf App Structure
    • Lesson 3 - Create NavBar.jsx Component
    • Lesson 4 - Create Footer Component
    • Lesson 5 - Create BookList.jsx Component
    • Lesson 6 - Create BookCard.jsx Component
    • Lesson 7 - Creating Custom Hooks - useBooks and api-client
    • Lesson 8 - Controlling Network Activities in React with AbortController
    • Lesson 9 - Show Book Details in a Modal - Working
    • Lesson 10 - Bookshelf App Summary
  • Multi-Page Applications (MPAs)
    • Build a Multi-Page React Application
    • Multi-Page React Application
    • Hands-on Practice
  • Backend Frameworks-NEXT.JS
    • Migrating from React to Next.js
    • Lesson 1: Key Concepts of NodeJS and Express for Backend Web Development
    • Lesson 2: How to set up a new Next.js project
    • Lesson 3: How to create Layouts and Pages
    • Hands-on Practice 1
    • Hands on Practice 2
      • New Project & Folder Structure
      • File-Based Routing
      • Server vs Client Components & Router Hooks
      • Start On The Navbar
      • Navbar Links, Dropdowns & React Icons
      • Active Links & Conditional Rendering
      • Homepage Components
      • Properties Page
      • Property Card Dynamic Data
      • Home Property Listings
      • Custom Not Found & Loading Pages
  • Git and GitHubs
    • Git Installation
    • Git Commands
    • GitHub Repository
    • Hands-on Practice
  • Database in Application
    • React Supabase CRUD
    • Hands-on: Note Taking App
  • NoSQL Database
    • Installing MongoDB Community Edition
    • System Env Path Setting
    • How to use MongoDB Shell
    • How to Connect and Use Mongosh in VS Code via MongoDB Extension
    • MongoDB Guide
  • Solo Project 2
  • Deployment and Web Hosting
    • Lesson 1. React+Vite+TS+Shadcn Project
    • Lesson 2. Deploying a React Vite App to Vercel from Vercel CLI
    • Lesson 3 Connecting to GitHub Repo and Automate Deployment
  • Solo Project 3
  • Final Term Project
    • Level 1 Team Project
    • Level 1 Team Project
    • Level 1 Team Project
    • Level 1 Team Project
    • Level 2 Team Project
    • Level 2 Team Project
    • Level 3 Team Project
    • Level 3 Team Project
Powered by GitBook
On this page
  • MongoDB for VS Code
  • 1. Install MongoDB Extension for VS Code
  • 2. Open the MongoDB Extension
  • 3. Connect to MongoDB
  1. NoSQL Database

How to Connect and Use Mongosh in VS Code via MongoDB Extension

PreviousHow to use MongoDB ShellNextMongoDB Guide

Last updated 4 months ago

MongoDB for VS Code

You can use MongoDB for VS Code to connect to MongoDB and interact with it using mongosh. Here’s a step-by-step guide:


1. Install MongoDB Extension for VS Code

  1. Open VS Code.

  2. Click on the Extensions tab (or press Ctrl+Shift+X).

  3. In the search bar, type "MongoDB for VS Code".

  4. Click Install on the MongoDB for VS Code extension.


2. Open the MongoDB Extension

  1. Click on the MongoDB icon on the Activity Bar (left sidebar in VS Code).

  2. Click "Connect".


3. Connect to MongoDB

  • If you have a local MongoDB server that provide daemon service, click localhost:27017 with right mouse and select connect>

  • Get MongoDB Server service on (start service) and then run mongod at command terminal.

    mongodb://localhost:27017
  • If you have a MongoDB Atlas cloud database, follow these steps:

    1. Go to .

    2. Select your database and click "Connect".

    3. Choose "Connect using MongoDB Compass" and copy the connection string.

    4. Paste the connection string in VS Code’s MongoDB extension.

    5. Replace <password> with your database password.


4. Open Mongosh in VS Code

  1. Open a new VS Code terminal (Ctrl+ ` on Windows/Linux or Cmd+ ` on macOS).

  2. Type:

    mongosh

    This will connect to your default MongoDB instance. Select Launch MongoDB Shell to open mongosh shell at the vscode terminal.


5. Run MongoDB Commands in VS Code

  • Show all databases:

    show dbs
  • Switch to a database:

    use myDatabase
  • Insert a document:

    db.users.insertOne({ name: "Alice", age: 30 })
  • Retrieve documents:

    db.users.find()
  • Update a document:

    db.users.updateOne({ name: "Alice" }, { $set: { age: 31 } })
  • Delete a document:

    sdb.users.deleteOne({ : "Alice" })

6. Using the MongoDB Playground (Optional)

  • Click "New MongoDB Playground" in the MongoDB extension.

  • Write MongoDB queries and click "Run All" to execute them.


7. Disconnect and Exit Mongosh

  • To exit the shell, type:

    exit
  • To disconnect from MongoDB in VS Code, click the disconnect icon in the MongoDB extension.


Now you can connect, query, and manage MongoDB databases inside VS Code using mongosh! 🚀

MongoDB Atlas