node.js + webstorm ：配置開發環境

標籤：

一、配置開發環境：

1、先安裝node

（1）、訪問http://nodejs.org開啟安裝包，正常安裝，點擊next即可。

　　為了測試是否安裝成功，開啟命令提示字元，輸入node，則進入node.js互動模式，

　　

　　通過這種方式安裝node.js還自動附帶了npm

（2）、安裝node.js包管理器（Express）

　　新開一個命令列視窗

　　在命令列輸入 npm install -g express

 

 

　　

 

 

Express 目錄結構 t-1

目錄/檔案	說明
./	根目錄，我們的node.js代碼都會方這個目錄
package.json	npm依賴設定檔， 類似ruby中的Gemfile, java Maven中的pom.xml檔案. 一會需要在這裡添加 markdown-js 項目依賴
app.js	項目的入口檔案
public/ javascript/ stylesheets/ images/	存放靜態資源檔案, jquery/prettify.js等靜態庫會方這裡，當然自己編寫的前端代碼也可以放這裡
views/	模板檔案, express預設採用jade, 當然，你也可以使用自己喜歡的haml,JES, coffeeKup, jQueryTemplate等模板引擎
node_modules/	存放npm安裝到本地依賴包，依賴包在package.json檔案中聲明，使用npm install指令安裝

 

 

 

 

 

 

 

 

2、安裝mongodb:

（1）、訪問http:www.mongodb.org，下載安裝包；

（2）、在D盤建立MongoDB檔案夾（此檔案夾為自訂的資料庫安裝目錄D:\MongoDB）把剛才下載的壓縮包解壓並把bin檔案夾拷貝到MongoDB檔案夾；

（3）、在MongoDB檔案夾內建立logs檔案夾（用於儲存記錄檔D:\MongoDB\logs），並在此檔案夾內建立空檔案mongodb.log。

（4）、在MongoDB檔案夾內建立data檔案夾（用於存放資料庫檔案D:\MongoDB\data）;

（5）、啟動MongoDB：

以系統管理員身份運行cmd，切換至D:\MongoDB\bin目錄輸入mongod.exe --dbpath=d:\mongodb\data。如看到控制台最後一行類似Tue Oct 09 11:50:55 [websvr] admin web console watiing for connections on port 28017說明啟動成功（MongoDB佔用系統28017連接埠） 。

 

 6、測試MongoDB：
以管理員身份建立一個cmd視窗，進入MongoDB的bin目錄輸入mongo，如出現connecting to:test說明測試通過。

 

當建立node工程的時候，會發現出現如下錯誤：

 

 

 

應該接著測試：

 

（1）、輸入mongo ，如：

 

出現：

 

 

 

一般這種情況就是：自己指定的資料庫，所以不能。自動載入服務。第二次就不能串連了

 

每次啟動前，自己手動，指定下自己，指定的，資料庫

 

輸入：mongod --dbpath d:/mongodb/data（d:/mongodb/data為自己定義的資料庫路徑）

 

 

 

然後Shell會顯示串連成功：

 

 

 

（2）、新開一個shell，在shell中找到mongo當前安裝路徑，輸入mongo，測試資料庫是否串連：

 

 

 

（3）、註冊MongoDB為系統服務，即每次開啟電腦即啟動mongodb，輸入如下命令：（ 如果需要卸載該服務，使用“sc delete MongoDB”即可）

 

注意：這裡要用管理員身份(C:\Windows\System32)進去才能設定(下面代碼不要換行)

 

C:\Windows\system32>mongod --logpath D:/mongodb/logs/mongodb.log --logappend --dbpath D:/mongodb/data --directoryperdb --serviceName MongoDB --install

 

 

 

（4）、用管理員身份啟動mongodb服務：輸入：net start MongoDB

 

 

 

然後在項目中運行mongodb，就不會出現串連錯誤了。。。。。。

 

安裝以上步驟，從：

 

 

 

到：

 

在電腦進程中能看到：

 

 

 

（5）、當我們關閉所有的shell，再次運行工程時，發現再次連不上mongodb ，還得用管理員身份重新啟動mongodb 服務，進入管理員權限（shell郵件，以管理員身份登入），然後輸入：net stop mongodb,然後到D:\mongodb\data路徑下刪除mongod.lock檔案，再次開啟shell，以管理員身份登入，輸入：net start mongodb，就不用每次手動啟動mongodb服務了。

 

 3、安裝webstrom

訪問http://www.jetbrains.com/webstorm/download/

下載webstorm安裝包

點擊正常安裝， 再到網上搜尋註冊碼即可。

假若你不喜歡webstorm的主題，可以選中File→Settings→Appearance→Theme，選擇你喜歡的主題

假若你不喜歡webstorm的字型，可以選中File→Settings→Editor→Colors & Fonts，選擇你喜歡主題名字：

再點開Colors & Fonts，選中font，點擊Save as 按鈕，在彈出框輸入你儲存字型的檔案名稱：點擊OK

設定字型大小，並從左邊的框中的字型，通過小三角形移到右邊，並上移到頂部，作為你的預設字型：

點擊apply按鈕，再點擊OK

4、配置node.js+webstorm 環境

開啟webstorm，選中JS按鈕，

會彈出一個彈框：

在這裡，假若你的core modules 還沒安裝，點擊右邊藍色的連結安裝。

接下來，就可以建立node.js項目，

點擊File,選擇New Project,在彈框中填寫好項目基本資料：

注意，這裡location的直接選取，需要點擊右邊按鈕瀏覽設定，自己輸入的不算，選擇好項目路徑，在填寫項目名稱

點擊OK，靜等項目建立即可。

node.js + webstorm ：配置開發環境