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文件可运行,亲测成功!

猜你喜欢

转载自blog.csdn.net/wangcuiling_123/article/details/78575400