nodejs + ejs（轉(zhuǎn)為html）+gulp 搭建項目結(jié)構(gòu)
1 安裝運行環(huán)境? Node.JS 和 NPM
這很容易，進入Node.js官方網(wǎng)站，點擊綠色的大Install按鈕，它會自動檢測你的系統(tǒng)并給你一個正確的安裝文件的下載。（如果沒有，點擊Download按鈕選擇你需要的下載）。運行安裝程序，這樣就好了。你已經(jīng)裝上了Node.js，和NPM（Node包管理器）可以讓你很容易的安裝各種有用的包到Node里。
2 打開終端窗口，cd 進到項目目錄里
比如 c:\yzk
3 安裝 express
npm install -g express? /? cnpm install -g express
4 創(chuàng)建一個express項目
比如：express -e yzk? （-e表示ejs模板，yzk表示項目名稱）
5 編輯依賴項： package.json文件
如果需要用到某些依賴，可以手動添加到package.json的依賴項里面，比如mongodb
6 安裝依賴：
首先進入到項目目錄下：? cd? /yzk?
開始安裝依賴： npm install
7 啟動項目
npm start
在瀏覽器打開，默認端口是 3000
說明項目啟動成功。
8 修改啟動項目的配置
默認如下所示：
為了項目統(tǒng)一，把啟動文件的名字改成和項目名一樣的名字（可以不改，看個人喜歡）：
修改端口號：
命令行? 按 ctrl + c 停止項目，在 運行 npm start 重啟 yzk 項目
如上圖所示，說明新的端口號已經(jīng)啟動成功。
9 修改 app.js 配置，使得可以識別html模板
默認情況下，我們是以ejs模板創(chuàng)建項目，是不會識別html模板的
我們在views里面確實看到的使用是ejs模板的，下面修改成能夠識別html模板的
重新啟動yzk項目，頁面加載成功，說明修改已經(jīng)生效：
如果對于ejs不熟的，那么使用HTML應該很順手了。
10 配置 gulp
（1）全局安裝gulp：?
npm install --global gulp
（2）?作為項目的開發(fā)依賴（devDependencies）安裝：
npm install --save-dev gulp?
（3） 在項目根目錄下創(chuàng)建一個名為?gulpfile.js?的文件：
（4） 運行 gulp：
默認的名為 default 的任務（task）將會被運行，在這里，這個任務并未做任何事情。想要單獨執(zhí)行特定的任務（task），請輸入?gulp 。
（5）以下是一個簡單打包css的案例：
運行g(shù)ulp：
這個dist文件夾就是我們在上面配置task任務里面設(shè)置的打包后路徑，沒有則會自動生成改文件夾。這里只是配置css的打包，其他的html，js都同理，只需要給它們定義單獨的task任務，然后加到default任務數(shù)組里面，再分別監(jiān)聽它們即可。若想多了解gulp的相關(guān)知識，可以去gulp官網(wǎng)。
此時頁面顯示也是ok的：
以上就是本章標題的完整案例展示，希望給大家有所幫助。若需要查看源代碼的，可以到github下載案例的源碼：nodejs+ejs+html+gulp。
