1. IDE 說明
webstorm 中自帶了 nodeJS 開發環境的插件，可以跳過該步驟，直接下一步
若在 IDEA中，需下載 NodeJS 插件，參考http://blog.csdn.net/wang19891106/article/details/51127133，主要步驟如下：
- 默認安裝好了IDEA，在IDEA的file -> setting ->Plugins,右邊默認是沒有這個組件的需要你手動點擊Browe repositories..，在插件列表中搜索nodejs,將看到NodeJS插件，點擊下載，重啟，（其實它會關聯到你安裝的NodeJS）如下圖；
- 在new project中就多出一項NodeJS
- 構建第一個NodeJS項目
出現如下問題：原因 4.X 版本 express.js 文件名稱改變
Error creating Node.js Express App. Cannot find C:\Users\admin\AppData\Local\Temp\intellij-express-generator\node_modules\express-generator\bin\express
解決方法：方法1： 使用命令行 方式創建項目，再使用以上 IDE 打開即可（已親測試成功）
方法2：如上圖 構建項目時， Version 選擇 4.14.1 版本或以下（必須下載大於等於該版本的 express-generator）（已親測試成功）
2. 創建項目：本文使用 Node.js web 框架 express 框架
（1）首先需要下載保存支持 express 的模塊，如下:
npm install express -save # 本地安裝(沒必要全局安裝 將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執行 npm 命令的目錄下生成 node_modules 目錄。)
$ npm install body-parser --save # body-parser - node.js 中間件，用於處理 JSON, Raw, Text 和 URL 編碼的數據。
$ npm install cookie-parser --save # cookie-parser - 這就是一個解析Cookie的工具。通過req.cookies可以取到傳過來的cookie，並把它們轉成對象。
$ npm install multer --save # multer - node.js 中間件，用於處理 enctype="multipart/form-data"（設置表單的MIME編碼）的表單數據。
安裝好之后，express 包就放在了工程目錄下的 node_modules 目錄中，因此在代碼中只需要通過 require('express') 的方式就好，無需指定第三方包路徑。
var express = require('express');
（2）創建一個模板引擎為 ejs，應用名叫 testNode 的工程
- 先進入你想創建項目的目錄，eg：F:\workspace
- 創建項目，創建一個模板引擎為 ejs，應用名叫 testNode 的工程，命令如下：
$ express --view=ejs testNode
回車，輸出如下：
create : testNode create : testNode/package.json create : testNode/app.js create : testNode/public create : testNode/views create : testNode/routes create : testNode/routes/index.js create : testNode/routes/users.js create : testNode/bin create : testNode/bin/www create : testNode/public/images create : testNode/public/javascripts create : testNode/public/stylesheets create : testNode/public/stylesheets/style.css install dependencies: $ cd testNode && npm install
run the app:
$ DEBUG=testNode:* npm start
- 按照提示，進入新建 testNode 目錄，並下載模板包，命令如下：
cd testNode && npm install
回車，生成的項目目錄結構如下（該文件已經生成一個可以運行的Demo）。
bin： 是真實的執行程序
node_modules：存放所有的項目依賴庫
public：靜態文件(css,js,img)
routes：路由文件
views：頁面文件
app.js，程序啟動文件
package.json：項目依賴配置及開發者信息
此時，完整的應用架構已建設完畢，之后就可以編寫自己的代碼。
- 啟動服務。
（1）法1： 使用 IDE 環境的設置（已嘗試成功）：
如下 點擊下圖 紅圈處
接着點擊 Edit Confignations.... ---> 綠色加+ ---> Name: www (默認)， 設置如下：
其中 Name： 可以根據自己愛好，想怎么寫都行，結果如下：
完成后點擊 apply ---> ok 即可，出現類似以下結果：
出現如下提示”Listening on port 3000”，說明服務啟動成功
- 在瀏覽器中輸入”http://localhost:3000/“，出現下圖說明成功
（2）法2： 使用 IDE 環境的終端輸入命令啟動（已嘗試成功）：
打開 Terminal ---> npm start ，回車即可，在瀏覽器打開 localhost：3000，出現如下界面：
（3）法3： 使用 電腦命令行輸入命令啟動（已嘗試成功）：
打開 cmd 回車---> npm start ，回車即可，在瀏覽器中打開 localhost：3000，出現如下界面：
3. node.js 使用ejs模板引擎時后綴換成.html （重要!!!，已親實踐）
此部分特別感謝網址：http://www.jb51.net/article/64579.htm
這是一個小技巧，看着.ejs的后綴總覺得不爽，使用如下方法，可以將模板文件的后綴換成我們習慣的.html。
(1) 修改 app.js 文件，及修改引擎設置文件：
- 在app.js的頭上 添加定義ejs，代碼如下:
var ejs = require('ejs');
- 添加注冊 html 模板引擎，代碼如下（兩種方式選其一即可）：
-
app.engine('html',ejs.__express); 或者 app.engine('html', ejs.renderFile);
# 也可以去掉第一步，直接 app.engine('html', require('ejs').renderFile);
- 將模板引擎換成html，代碼如下:
app.set('view engine', 'html');
得到的 app.js 文件如下（整個只更改了紅框的三句）：
（2）設置具體的 運行文件 .ejs 后綴全部更改為 .html 后綴。
- 修改所有模板文件（views 文件夾里的 .ejs 后綴文件）的后綴改為 .html。結果如下紅框部分：
轉載自：