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

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

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

访问下载网站为您的操作系统下载并安装 MongoDB 社区版。您可以按照本指南为 Windows 操作系统安装 MongoDB,但其他操作系统的过程几乎相同。

对于 Windows,您可以在此处下载.msi安装文件。

  • 下载页面应如下所示:

[MongoDB安装页面](https://res.cloudinary.com/practicaldev/image/fetch/s--_FYszJBx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to -uploads.s3.amazonaws.com/uploads/articles/idcras0bnyadefokil39.png)

  • 运行下载的安装程序

  • 提示安装类型时选择Custom

  • 在Service Configuration窗格中,选择 *Install MongoDB as a Service *

为VS Code安装MongoDB扩展

VS Code 的 MongoDB 扩展允许我们创建 Playground 以对我们的数据和集合进行交互和执行查询操作,并通过单击按钮即时为我们提供结果(这太酷了!)。

要安装,请打开 VS Code 上的扩展选项卡并搜索MongoDB for VS Code。

扩展名如下所示:

[MongoDB VS 代码扩展](https://res.cloudinary.com/practicaldev/image/fetch/s--kl5ZBwRX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/uploads/articles/u6kdx6j3tccqqfuw646o.png)

如您所见,它已经为我安装好了,所以您可以继续安装它。

连接到 MongoDB 部署

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

[MongoDB VS 代码面板](https://res.cloudinary.com/practicaldev/image/fetch/s--m51UPu5S--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/uploads/articles/whlwdjvok3ikddcmh23v.jpg)

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

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

[MongoDB VS Code 连接成功](https://res.cloudinary.com/practicaldev/image/fetch/s--uE9Nd2YE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev -to-uploads.s3.amazonaws.com/uploads/articles/bad9n0409gk2i5wwv0lw.png)

  • localhost:指定我们的主机

  • 27017:mongodb使用的默认端口

  • myDatabase:是我们本地数据库的名称

要在本地创建一个名为myDatabase的示例数据库,我们可以使用MongoDB Compass(用于处理数据库的图形界面)或mongosh(Mongo Shell)。对于本指南,我们将使用 mongosh。

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

下载安装Mongosh

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

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

[Mongo Shell](https://res.cloudinary.com/practicaldev/image/fetch/s--jZ2L6suw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/lllt96wy7tljje399e4g.png)

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

  > mongosh

进入全屏模式 退出全屏模式

您应该得到以下信息:

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 >

进入全屏模式 退出全屏模式

笔记:

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

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

use myDatabase

进入全屏模式 退出全屏模式

这会自动为我们创建一个名为myDatabase的新数据库。返回:

test> use myDatabase
switched to db myDatabase

myDatabase>

进入全屏模式 退出全屏模式

太好了。现在,让我们连接

还记得我们之前谈到的连接字符串吗?好的。我们将在 VS Code 上使用它来连接到我们新创建的数据库。

我们数据库的连接字符串将是:mongodb://localhost:27017/myDatabase,将其粘贴到窗口顶部的文本栏中,即下图中的第 3 步:

[连接字符串](https://res.cloudinary.com/practicaldev/image/fetch/s--GOWXCHfV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/o2x584se5r7hpfk9lhz8.jpg)

成功连接后,您应该会看到以下更改:

[MongoDB 在 VS Code 中连接](https://res.cloudinary.com/practicaldev/image/fetch/s--XdvuUt84--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev -to-uploads.s3.amazonaws.com/uploads/articles/e96r2t1hdaem7nx4awuz.jpg)

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

使用您的数据库

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

单击 VS Code 中的绿色create playground按钮创建一个 Playground。

[MongoDB Playground](https://res.cloudinary.com/practicaldev/image/fetch/s--OoTrsIz5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/z9iu0gv3aja49xurf4pk.jpg)

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

[MongoDB Playground](https://res.cloudinary.com/practicaldev/image/fetch/s--FtZKng_M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/gdh8vutko9levek5w282.jpg)

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

// 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 ...

进入全屏模式 退出全屏模式

单击右上角的播放按钮以运行代码。应该打开一个新面板,显示我们的结果,如下所示:

[结果窗格](https://res.cloudinary.com/practicaldev/image/fetch/s--5DhQyaVm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/ieymsciubm173tegz0mf.png)

恭喜你,你成功了!

你有它。现在,您可以使用 VS Code 在本地使用 MongoDB 数据库,执行数据库操作并即时查看结果!那不是很棒吗?是啊,就是。

参考文献

用于 VS 代码的 MongoDB

连接到您的 MongoDB 部署

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

您也可以在Twitter 上打个招呼🙂

# javascript # database # mongodb
Logo
MongoDB

MongoDB社区为您提供最前沿的新闻资讯和知识内容

更多推荐

如何克隆 GitHub 存储库(并为 CRUD 应用程序设置自己的数据库)

如果您不熟悉从 GitHub 克隆公共存储库,或者需要一份有关步骤的备忘单,我有(太多)屏幕截图向您展示并提醒自己如何操作。 :) 步骤 1. 从 GitHub 复制链接。 Step 2. 设置目录并在VS Code中打开。 打开终端,创建一个您计划将代码文件克隆到的文件夹,使用命令“code”。在 VS Code 中打开文件夹。 第三步,克隆代码。 在 VS Code 中打开一个新终端。单击终端

avatar MongoDB

带Express Js的酒店预订系统

直到上一个项目,我一直在创建网页并只处理页面的前端部分,但这次我决定创建一个全栈酒店预订系统,该系统将连接一个数据库来跟踪所有预订和活动发生在网页上。 问题陈述:首先,如果我们看到我开发这个的原因以及我正在解决什么问题。我需要了解当有人在页面上触发事件时如何从数据库中进行创建、读取、更新和删除操作,并且还想创建一个任何酒店都可以使用的预订系统。 如果您想查看代码,这里是github 存储库链接。

avatar MongoDB

为什么要学习 Node 和 ExpressJs

在 Youtube 上观看完整的 Nodejs 和 ExpressJsTutorial Nodejs介绍 所以 node.js 首先不是一种语言,它不是一个框架,它是一个免费和开源的 JavaScript 运行时。现在什么是运行时以及它与 javascript 引擎的不同之处,所以 javascript 引擎只是执行代码,但运行时环境就像 node.js 一样在 node.js 中有一些额外的服务

avatar MongoDB