node.js零基础详细教程(7.5):mongo可视化工具webstorm插件nodejs自动重启模块

Posted 猿知识

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了node.js零基础详细教程(7.5):mongo可视化工具webstorm插件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安装(一般都是第一种情况)

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

 node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

重启webstrom以后

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

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

 在展开的mongoExplorer 中,点击设置图标 如图:

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

 node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

 然后就可以看到 mongoExplorer的展开界面中,出现了一个test的东西,点击左边的小三角就可以展开看到所有的数据库和数据库里的表,双击表,就可以在界面中打开这个表,看到表的说有数据了。node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

 

增删改

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

 node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

添加数据

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

https://github.com/dboissier/mongo4idea

 

 

nodejs自动重启模块  Node Supervisor


 

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

 

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

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

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

var http = require("http");

http.createServer(function(request,response){
    
    response.end("haha");//表示请求结束,将结果返回给浏览器}).listen(3000);

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

 

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

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

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

node.js零基础详细教程(7.5):mongo可视化工具webstorm插件、nodejs自动重启模块

好啦,自动刷新就搞定了

 以后要使用就不用再安装了,因为已经安装在全局了。另外最好只对创建了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

 

 

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


以上是关于node.js零基础详细教程(7.5):mongo可视化工具webstorm插件nodejs自动重启模块的主要内容,如果未能解决你的问题,请参考以下文章

node.js零基础详细教程:express 路由

node.js零基础详细教程:node.js操作mongodb,及操作方法的封装

node.js零基础详细教程:node.js操作mongodb,及操作方法的封装

node.js零基础详细教程:mongodb数据库操作

nodejs零基础详细教程1:安装+基础概念

零基础前端开发工程师视频教程全套,基础+进阶+项目实战(共120G)