尝试通过WebStorm连接到MongoDB

这是WebStorm / PhpStorm Advent Calendar 2014的第九天(12/9)的文章。

最近前端开发中使用MongoDB的情况有所增加,虽然这不是一个特别重要的主题或技术。

因为 WebStorm 有插件,所以可以方便地访问 MongoDB 数据的内容,我来介绍一下!顺便提一下,有关在 Mac 上安装 MongoDB 的步骤,请参考这篇文章。

前提条件

    • WebStorm:9.0.1

MongoDB:2.6.5

试着安装插件

当你在Mongo中进行搜索,会出现这个结果。

スクリーンショット_2014-12-08_21_34_57.png

在安装插件后,重新启动WebStorm,右侧的选项卡中会添加Mongo Explorer。点击设置图标。

順便提一下,MongoDB需要在后台运行(MongoDB本身没有启动功能),所以请预先启动它。

スクリーンショット_2014-12-08_21_37_33.png

在输入mongo命令的路径后,点击Servers栏左下方的+图标来添加服务器配置。对于我来说,只需使用下面的信息(保持默认)就可以连接。您可以使用“测试连接”按钮进行连接测试。

スクリーンショット_2014-12-08_21_50_08.png

在选项卡的右侧,刚刚添加的服务器会被添加进去,所以请点击刷新图标。如果刷新不成功,选择服务器并点击鼠标右键,选择“刷新该服务器”。

スクリーンショット_2014-12-09_11_46_32.png

连接成功后,您可以按照表(模式?)进行数据浏览^^ 在左侧的图标上,您可以进行缩放显示,搜索等功能。

スクリーンショット_2014-12-08_21_51_00.png

以上是对插件的简单介绍!明天(12/10)是我的轮次,我将简单介绍使用WebStorm和TypeScript的感受。

广告
将在 10 秒后关闭
bannerAds