1. 程式人生 > >Express檢視模板jade改為ejs,html模板

Express檢視模板jade改為ejs,html模板

預設安裝的express框架,官方推薦的是jade模板,雖然是很簡潔,但是實在對這個jade不熟悉,還是改模板吧,下面介紹改成ejs,html檢視,親測無誤。

安裝express生成器

npm有點慢,採用cnpm

cnpm i -g express-generator

安裝完成,檢視版本

express --version

這裡寫圖片描述

生成服務

express server

安裝依賴

cd server
cnpm i

生成的檔案目錄如下:

這裡寫圖片描述

views檢視如下:
這裡寫圖片描述

jade改為ejs

首先安裝ejs

cnpm i ejs -S

然後修改app.js檔案

引入ejs

這裡寫圖片描述

修改檢視引擎設定//view engine setup
預設:這裡寫圖片描述
改為:這裡寫圖片描述

如此,在views資料夾下便可寫ejs檔案了,親測成功!

改為html檢視

安裝ejs並在app.js中引入,同上

檢視引擎設定改為:
這裡寫圖片描述

在views下的html檔案可執行,親測成功!