node.js零基础详细教程(7.5)：mongo可视化工具webstorm插件、nodejs自动重启模块Node Supervisor（修改nodejs后不用再手动命令行启动服务了）

第七章 建议学习时间4小时  课程共10章

学习方式：详细阅读，并手动实现相关代码

学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。

注：由于使用Nodejs操作mongodb的时候，会有两个很蛋疼的地方，1、修改nodejs文件后需要重新命令行 node node.js去运行，2、数据库需要使用命令行查询，不能直接可视化操作

所以有了这章，给大家介绍两个插件来解决这两个问题。

mongo可视化插件 Mongo Plugin

---

这个插件可以在各大编辑器中使用，这里介绍在webstrom中的安装

1、文件 -- > 设置         打开设置

设置 --> plugins --> 搜索中输入 mongo  ，会看到搜索结果，1、没有结果，就点击中间的  蓝色链接  browse（然后看下一步的操作）  2、如果有结果，就点击install plugin安装（一般都是第一种情况）

然后就可以看到搜索的结果，点击右边的 install plugin  ，提示是否安装，点击安装，即可出现下下图的安装进度

安装完成后，点击窗口右下角的关闭按钮，然后在设置窗口点击确定按钮，点击后会提示是否重启，点击重启webstrom重启。

重启webstrom以后

在右上角可以看到一个mongoExplorer，点击展开，

如果没有这个按钮，是因为隐藏了，点击左下角的展开侧边栏图标，就可以出现了（位置如下下图）

在展开的mongoExplorer 中，点击设置图标 如图：

会弹出设置弹窗，在弹窗中点击右边的添加 加号。  添加我们需要连接的数据库

在弹窗中，输入label （名字任意），勾选自动启动，然后点击test connection，如果弹出提示连接成功与否，成功之后，直接确定就可以了。

确定之后，可以看到多了一条连接，然后点击下面的确定  ，   { 以后如果要修改，以后就点击那条连接，点击右边那个  笔状图标，就可以弹出编辑界面（这里就不演示了）}

然后就可以看到 mongoExplorer的展开界面中，出现了一个test的东西，点击左边的小三角就可以展开看到所有的数据库和数据库里的表，双击表，就可以在界面中打开这个表，看到表的说有数据了。

这样既不的安装就完成了，当通过node操作了mongo的数据以后，重新点击右边的表打开数据，就能看到修改后的数据了

增删改

双击 _id，就可以看到下面出现对应的编辑界面，单击值，就可以输入新的值，然后点击左下角的保存，数据就会保存。

添加数据

添加字段，在编辑界面右键，会出现添加字段的输入框，输入字段名和值，保存即可。

插件的 github地址如下，有兴趣的可以去了解下

https://github.com/dboissier/mongo4idea

nodejs自动重启模块  Node Supervisor

---

这个模块的使用很方便，只需两步，1、安装。2、监听变化

打开命令行 全局安装   npm install supervisor -g

由于是全局安装，所以命令行在哪个文件路径运行都不影响，我这里在 mongoTest文件夹运行

我现在自己的某个文件夹中创建demo.js。写入如下代码：这是我们前面写过的创建http服务的代码，这里直接复制即可。

var http = require("http");

http.createServer(function(request,response){

    response.end("haha");//表示请求结束，将结果返回给浏览器

}).listen(3000);

下图表示，我将 demo.js创建在了mongoTest文件夹中。（文件夹中的其他文件忽略）

然后运行 demo.js ，这里的运行就不再用 node demo.js了， 而是使用 supervisor demo.js

运行起来之后，就可以通过浏览器访问

现在我们来改变下demo.js中输出的代码

将 response.end("haha") 中输出的内容该变，比如改为  response.end("hehe  hehe  hehe")

然后直接刷新页面，就可以看到修改的结果被输出了（以前我们需要重新运行 node demo.js才可以）

好啦，自动重启服务就搞定了

以后要使用就不用再安装了，因为已经安装在全局了。另外最好只对创建了http服务的node文件才用supervisor运行，如果一般的文件这样运行，会不断的重启，很耗费内存。

upervisor的其他配置如下，有兴趣的可以研究研究

//要监控的文件夹或js文件，默认为'.'
-w|--watch <watchItems>
//要忽略监控的文件夹或js文件
-i|--ignore <ignoreItems>
//监控文件变化的时间间隔（周期），默认为Node.js内置的时间
-p|--poll-interval <milliseconds>
//要监控的文件扩展名，默认为'node|js'
-e|--extensions <extensions>
//要执行的主应用程序，默认为'node'
-x|--exec <executable>
//开启debug模式（用--debug flag来启动node）
--debug
//安静模式，不显示DEBUG信息
-q|--quiet

今天就讲到这里，明天我们讲解：项目的创建，后台数据请求接口的编写 （进入正式的项目阶段）

后续地址：vue的基础知识 http://www.cnblogs.com/chengduxiaoc/p/7092731.html

vue+node项目项目：http://www.cnblogs.com/chengduxiaoc/p/7718768.html

关注公众号，博客更新即可收到推送