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應(yīng)該很順手了业筏。
10 配置 gulp
（1）全局安裝gulp：?
npm install --global gulp
（2）?作為項目的開發(fā)依賴（devDependencies）安裝：
npm install --save-dev gulp?
（3） 在項目根目錄下創(chuàng)建一個名為?gulpfile.js?的文件：
（4） 運行 gulp：
默認的名為 default 的任務(wù)（task）將會被運行憔杨，在這里，這個任務(wù)并未做任何事情蒜胖。想要單獨執(zhí)行特定的任務(wù)（task）消别，請輸入?gulp 。
（5）以下是一個簡單打包css的案例：
運行g(shù)ulp：
這個dist文件夾就是我們在上面配置task任務(wù)里面設(shè)置的打包后路徑台谢，沒有則會自動生成改文件夾寻狂。這里只是配置css的打包，其他的html朋沮，js都同理蛇券，只需要給它們定義單獨的task任務(wù)，然后加到default任務(wù)數(shù)組里面樊拓，再分別監(jiān)聽它們即可纠亚。若想多了解gulp的相關(guān)知識，可以去gulp官網(wǎng)筋夏。
此時頁面顯示也是ok的：
以上就是本章標題的完整案例展示蒂胞，希望給大家有所幫助。若需要查看源代碼的条篷，可以到github下載案例的源碼：nodejs+ejs+html+gulp骗随。
