初始化 egg+ejs 项目

本文介绍如何使用Egg.js脚手架快速初始化项目,并通过几条简单指令完成EJS模板引擎的安装与配置。从项目创建到启动运行,再到自定义视图渲染,一步步详解整个过程。

推荐直接使用脚手架,只需几条简单指令,即可快速生成项目:

$ npm install egg-init -g
$ egg-init 你的项目
选择
simple

$ cd 你的项目
$ npm install

启动项目:

$ npm run dev
$ open localhost:7001

安装 egg-view-ejs

 
$ npm install egg-view --save
$ npm install egg-view-ejs --save
 
配置 egg-view-ejs
    
在 config/plugin.js 下添加

exports.ejs = {

enable: true,

package: 'egg-view-ejs',

};
在 config/config.default.js下添加配置
config.view = {

defaultViewEngine: '.ejs',

mapping: {

'.ejs': 'ejs'

}

};
在 app文件夹下新建 view 文件夹
新建 index.ejs编写

渲染模版方法

async index() {
const ctx = this.ctx;
await ctx.render('index.ejs', { data:要传的参数 });
}

 
这样 egg+ejs 环境就配置完成了,当然还有 vue react 等模版引擎 egg 都支持

转载于:https://www.cnblogs.com/itlijinpeng/p/7991777.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值