每当我编码时,我发现自己在两个应用程序之间切换;VS Code和 MongoDB GUI——Compass——因为在某些时候,我不可避免地会忘记数据库中字段的名称,需要检查我的模式,或者我可能想快速查看结果的一个查询。

过去,当我需要这些信息时,我会跳到 Compass。但是通过MongoDB VS Code 扩展,我可以在 VS Code 中使用 MongoDB。

我花了最后一天玩扩展程序,我被迷住了❤️

安装

[](https://res.cloudinary.com/practicaldev/image/fetch/s--yVaMSkG9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https: //dev-to-uploads.s3.amazonaws.com/i/h96wahkpk1bjzsdeat4i.png)

您可以通过搜索“MongoDB for VS Code”或从Visual Studio Marketplace 页面在 VS Code 中安装扩展。

安装扩展程序后,VS Code 活动栏中会出现一个可爱的小叶子图标。这个新的编辑器视图是与 MongoDB 扩展交互的主要方式,尽管所有命令也可以通过命令面板获得。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--GIVW88mc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/i/d5zlf5jgjxfbkef7xp64.png)

连接集群

您可以连接到您自己的 MongoDB 实例或Atlas 集群。对于示例,我创建了一个免费的 Atlas 集群并加载了示例数据集以供使用。如果您想使用超过免费层级限制的数据集进行尝试,您可以使用优惠券 AARON200 购买 200 美元的 Atlas 积分。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--t7aedrvR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/i/0mseqsioyw4tv9lw19wr.png)

要创建新连接,请单击活动栏中的 MongoDB 图标,然后单击“连接”旁边的加号图标。

您可以选择填写连接表单或使用连接字符串。如果您要连接到 Atlas 集群,您可以在 Atlas 集群概览 > 连接模式中找到这些详细信息。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--QEBrKVvP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/i/2pyvv29w74zh9koixqss.png)

连接字符串与您将用于 Compass的连接字符串相同,只需记住将<password>替换为您的用户密码。如果您使用 Atlas 的连接表单,请记住打开SRV Record开关。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--0zL_WNWI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/i/wjour7fm0llzs5rcne1l.png)

快速查看您的数据

连接后,您可以开始探索您的数据库、集合、模式和文档。

中探索MongoDB集群

在我的代码旁边的拆分窗格中打开示例文档已经证明非常有用,这意味着我不必在 VS Code 和 Compass 之间来回切换来记住字段名称。

MongoDB 游乐场

但真正让我震惊的是游乐场。 Playgrounds 是一个 JavaScript 环境,您可以在其中编写 MongoDB 命令并立即查看结果! 😍

中查找文档

您可以在 Playground 中执行所有相同的 MongoDB 操作,就像在 mongo shell 中一样,但现在具有语法突出显示、智能自动完成和有据可查的代码片段。

使用 Playground 定义您的文档架构、添加一些示例数据、演示常见查询和聚合,然后将 Playground 文件保存到您的项目存储库并与您的队友共享!

我也对使用 Playgrounds 作为学习辅助工具的前景感到非常兴奋。将它们添加到博客文章、教程、研讨会、流中;将 Playgrounds 变成交互式代码示例,用户可以在他们自己的编辑器中运行、修改和使用这些示例。

Compass 中的Aggregations构建器令人印象深刻。但是对于更复杂的聚合,我经常会使用Jupyter Notebook,这样我就可以自己编写聚合代码,现在我可以在 Playground 中执行此操作。获得即时反馈和结果将使我正在编写的 MERN 教程的聚合更容易......

[中编写聚合管道](https://res.cloudinary.com/practicaldev/image/fetch/s--HE7d2ige--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https:// /dev-to-uploads.s3.amazonaws.com/i/45m7whsrmei4x2r7q2cb.gif)

您可以在扩展设置中禁用 Playground 模板和确认警报。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--6Zfh5xH3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev -to-uploads.s3.amazonaws.com/i/em6nd75ge4bq3549hlxq.png)

它是开源的!

MongoDB for VS Code 是开源的在Apache 2 许可证下!您可以在GitHub上找到代码。这是一个预览版本,如果您发现任何错误,请提出问题或 PR。