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

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

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

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

 

注：因为使用Nodejs操做mongodb的时候，会有两个很蛋疼的地方，一、修改nodejs文件后须要从新命令行 node node.js去运行，二、数据库须要使用命令行查询，不能直接可视化操做

因此有了这章，给你们介绍两个插件来解决这两个问题。

 

mongo可视化插件 Mongo Plugin

---

 

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

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

设置 --> plugins --> 搜索中输入 mongo  ，会看到搜索结果，一、没有结果，就点击中间的  蓝色连接  browse（而后看下一步的操做）  二、若是有结果，就点击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

---

 

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

 

打开命令行 全局安装   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

 

 

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