1. 程式人生 > >express 做html模板

express 做html模板

1,官網教程http://www.expressjs.com.cn/starter/generator.html
用express快速搭建應用。

通過應用生成器工具 express 可以快速建立一個應用的骨架。
通過如下命令安裝:

  npm install express-generator -g          

下面的示例就是在當前工作目錄下建立一個命名為 myapp 的應用

express myapp

然後安裝所有依賴包

cd myapp 
npm install

啟動應用

npm start

根據官網我們已經建立好了express框架,但是這個框架的頁面居然是.jade的,什麼鬼,我希望做一個.html的。


下面便是如何做一個.html的框架
1,安裝ejs,當然是在myapp的目錄下

npm install ejs -save

2,引入ejs,找到根目錄下的app.js,加入程式碼

var ejs = require('ejs');  //引入的ejs外掛

3,還是在app.js裡,設定html引擎

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

4,在app.js裡,修改程式碼,設定檢視引擎

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

5,重啟服務,可以訪問html檔案了。

這樣我們就可以做html路由了,開始我們的express之旅吧。