真香|MongoDB for vscode使用详解,让你的开发更丝滑

7,883 阅读2分钟

MongoDB官方提供了一个VS Code的扩展,可以在IDE环境下直接操作控制MongoDB。安装这个扩展可以让你的VS Code下MongoDB开发更丝滑。

版本

  • MongoDB 5.0
  • MongoDB for VS Code 0.7.0

步骤

  1. 安装 MongoDB for VS Code 扩展
  2. 连接到 MongoDB 数据库
  3. 查看 MongoDB 数据库、集合、文档、Schema架构、和索引
  4. 使用 Playground 演练来做各项数据库操作
  5. 查阅官方文档

一、安装 MongoDB for VS Code 扩展

微信截图_20211225164250.png

安装完以后,VS Code左边的导航条会多出来一个 MongoDB 的扩展图标

微信截图_20211225164250.png

二、连接到 MongoDB 数据库

MongoDB提供了两种连接方式:

  • 连接字符串方式 :mongodb://<用户名>:<密码>@<端口>/<数据库>
  • 填写连接表单参数方式 : 按照表单填写认证方式、IP、端口等信息

微信截图_20211225164250.png

三、查看 MongoDB 数据库、集合、文档、Schema架构、和索引

连接成功后,可以看到你的 MongoDB 中的数据库、集合、文档、Schema和索引的情况。

微信截图_20211225164250.png

相关操作

connection 连接的相关操作

  • 展开连接:可以显示所有数据库

微信截图_20211225173405.png

  • 右键点击连接:可以做如下操作 微信截图_20211225172914.png

  • 执行 MongoDB Shell 你可以通过已连接的connections直接打开 MongoDB Shell 命令行。具体这样来操作(以windows10环境为例):

  1. mongo.exe 或者 mongosh.exe 的文件位置设置到系统的 PATH
  2. 在 MongoDB for VS Code 的扩展设置中选择 mongo 或者 mongosh
  3. 右键点击connections连接,选择 Launch MongoDB Shell

微信截图_20211225175046.png

微信截图_20211225174645.png

微信截图_20211225180008.png


数据库的相关操作

  • 展开数据库:可以显示所有集合
  • 展开集合:可以显示该集合的文档、Schema结构、索引

未标题-1.jpg

  • 展开文档:会按照_id列出文档记录
  • 点击文档_id:打开文档窗口,并在文档窗口中显示文档的记录。 (你可以修改文档记录,然后 Ctrl+S 保存,会自动把修改保存到MongoDB)

微信截图_20211225164250.png


  • 展开Schema:可以显示你的集合中的字段

微信截图_20211225200921.png

  • 展开Indexes :可以看到该集合的索引 每个索引键都会显示一个图标,指示其类型。索引键类型包括:

  • 升序

  • 降序

  • 地理空间 (2d, 2dsphere, geoHaystack)

  • 文本

  • 散列

微信截图_20211225201628.png

四、使用 Playground 演练来做各项数据库操作

Playground 可以让你像编写代码一样,事先写好相关的操作语句,然后执行。 执行的时候可以选择单行执行或者全部执行

playground本质上就是一个扩展名为 "mongodb" 的文件,你可以随意写 mongodb 的操作语句,然后执行看结果。

微信截图_20211225205633.png

默认情况下运行 MongoDB 语句的时候会出现弹窗提示,如下图:

微信截图_20211225210158.png

可以在MongoDB的扩展设置里面关掉它。

微信截图_20211225210439.png

五、查阅官方文档

MongoDB扩展提供了查阅官方文档的快速链接,方便你随时查询

微信截图_20211225210834.png

如果喜欢本文,不妨点个赞。