搭建一個簡單的支持html模版express項目

# 簡介

　express-generator 是一款快速構建express框架的工具。　　

　通過應用生成器工具 express 可以快速創建一個應用的骨架。

 

# 安裝　

全局安裝 express-generator

 $ npm install express-generator -g 

遇到錯誤 Error: permission denied

權限問題 命令前面加上 sudo 輸入完密碼 就能愉快的走起了 

   

創建個文件夾並進入
 $ mkdir express && cd express 

初始化項目生成項目文件
 $ express 

安裝依賴
$ npm install 

啟動 打開localhost:3000可以看到有頁面顯示
$ npm start

   

 

 # 修改模版引擎

　可以看到 當前模版為 jade 模版 (有的express版本默認使用 ejs 模版)

　

 

　如果想改成 html 模版 

　1. 安裝ejs 

　 $  npm install ejs 

　2. 在app.js中引入 ejs　　

  var ejs = require('ejs');  //我是新引入的ejs插件 
 
3. 設置設置html引擎
　　

       app.engine('html', ejs.__express);

       app.set('view engine', 'html');

 

   

 

   4. 創建個index.html文件 並重新啟動服務

　

 

　可以用html模版了