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

 

 

關注公衆號，博客更新便可收到推送