如何在 VS Code 中本地使用 MongoDB

2025-06-08

如何在 VS Code 中本地使用 MongoDB

最近,一位朋友问我,是否可以在不联网的情况下在本地使用他们的 MongoDB 数据库和 Atlas 集群,我的答案是可以的。因此,我决定创建一个指南,向他们以及其他想要使用 VS Code 作为编辑器测试集合并在 MongoDB 数据库中执行各种数据库操作的人展示如何操作。

安装 MongoDB 社区服务器版允许我们在本地托管 MongoDB 数据库,这与 Atlas(云托管数据库选项)不同。

下载并安装 MongoDB 社区服务器版 5.0

访问下载网站,下载并安装适用于您操作系统的 MongoDB 社区版。您可以按照本指南在 Windows 操作系统上安装 MongoDB,其他操作系统的安装过程基本相同。对于 Windows 系统,您可以在此处
下载.msi安装文件

  • 下载页面应如下所示:

MongoDB 安装页面

  • 运行下载的安装程序

  • Custom当提示安装类型时选择

  • Service Configuration窗格中,选择 *安装 MongoDB 作为服务 *

为 VS Code 安装 MongoDB 扩展

VS Code 的 MongoDB 扩展允许我们创建 Playground 来交互和执行数据和集合的查询操作,只需点击一下按钮即可立即获得结果(这太酷了!)。
要安装,请打开 VS Code 上的扩展选项卡并搜索MongoDB for VS Code

该扩展如下所示:

MongoDB VS Code 扩展
正如您所见,它已经为我安装好了,所以您可以继续安装它。

连接到 MongoDB 部署

在 VS Code 中,点击左侧边栏菜单上的叶子图标打开 MongoDB 交互面板,然后点击创建连接即可连接到数据库实例。

MongoDB VS Code 面板
注意:要使用 连接到部署connection string,您必须在计算机上运行 MongoDB 集群,或者使用 Atlas 在云端创建一个集群。我们稍后会为本指南创建一个集群。

本地部署的示例连接字符串如下所示:

MongoDB VS Code 连接成功

  • localhost:指定我们的主机
  • 27017:mongodb使用的默认端口
  • myDatabase:是我们本地数据库的名称

要创建本地命名的示例数据库myDatabase,我们可以使用MongoDB Compass(用于操作数据库的图形界面mongosh)或 Mongo Shell。在本指南中,我们将使用 mongosh。

注意:您还可以连接到云数据库实例,例如 MongoDB Atlas 集群。

下载并安装 Mongosh

Mongosh(MongoDB Shell)是一个 JavaScript REPL 命令行工具,用于与 MongoDB 离线和在线部署进行交互。这意味着它允许我们在命令行中直接运行有效的 JS 代码来查询数据库。您可以在此处下载并安装 Mongosh

安装成功后,您应该看到此面板:

蒙戈壳

然后,在 Windows 上打开命令提示符并输入:


 bash
  > mongosh


Enter fullscreen mode Exit fullscreen mode

您应该获得以下内容:



Current Mongosh Log ID: 61bfbc4837f8722b10f9e21e
Connecting to:          mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000
Using MongoDB:          5.0.5
Using Mongosh:          1.1.7

For mongosh info see: https://docs.mongodb.com/mongodb-shell/

------
   The server generated these startup warnings when booting:
   2021-12-18T10:24:36.928-08:00: Access control is not enabled for the database. Read and write access to data and configuration is unrestricted
------

test >


Enter fullscreen mode Exit fullscreen mode

笔记:

  • test结果底部显示的是 mongosh 为我们创建的默认数据库

要创建新数据库,请在 cmd 上运行以下命令:


 bash
use myDatabase


Enter fullscreen mode Exit fullscreen mode

这将自动创建一个新的数据库myDatabase,并返回:


 bash
test> use myDatabase
switched to db myDatabase

myDatabase>   


Enter fullscreen mode Exit fullscreen mode

太好了。现在,我们开始连接吧

还记得我们之前讨论过的连接字符串吗?很好。我们将在 VS Code 中使用它来连接到我们新创建的数据库。
我们数据库的连接字符串是:mongodb://localhost:27017/myDatabase,将其粘贴到窗口顶部的文本栏中,即下图中的步骤 3:

连接字符串

连接成功后,您应该会看到以下变化:

MongoDB 在 VS Code 中连接

恭喜!您刚刚创建了一个本地 MongoDB 数据库,并已成功从 VS Code 连接到它!

使用数据库

为了对我们的新数据库执行查询和其他数据库操作,我们可以Playground在 VS Code 中创建一个来执行这些操作。

单击create playgroundVS Code 中的绿色按钮即可创建游乐场。

MongoDB 游乐场

您新打开的编辑器选项卡应如下所示:

MongoDB 游乐场

删除默认模板中的内容并粘贴以下内容来测试我们的myDatabase数据库:


 javascript
// Select the database to use
use('myDatabase');

// Insert a few documents in the continents collection
db.continents.insertMany([
    { africa: "Nigeria" },
    { asia: "India" },
    { southAmerica: "Colombia" }
    ]);

// Return all the fields in the continents collection
db.continents.find();

// Write other queries and operations ...



Enter fullscreen mode Exit fullscreen mode

点击右上角的播放按钮运行代码。将会打开一个新面板,显示结果如下:

结果窗格

恭喜你,你成功了!

就是这样。现在,您可以使用 VS Code 在本地操作 MongoDB 数据库,执行数据库操作并实时查看结果!是不是很棒?没错,确实很棒。

参考

适用于 VS Code 的 MongoDB

连接到您的 MongoDB 部署

关注我以获取有关 JavaScript 和 React 的更多内容!

你也可以在Twitter上打招呼🙂

鏂囩珷鏉ユ簮锛�https://dev.to/heymich/how-to-use-mongodb-locally-with-vs-code-jgm
PREV
作为开发人员,如何估算任务完成的时间?
NEXT
一个简单的 CSS 技巧,无需在媒体查询中添加大量代码即可立即使网站响应