初始化 egg+ejs 项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初始化 egg+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 都支持






































以上是关于初始化 egg+ejs 项目的主要内容,如果未能解决你的问题,请参考以下文章

nodejs之egg框架整合ejs模板

egg 简单demo学习

egg 简单demo学习

Egg.js 项目初始化介绍

如何搭建一个基于 Egg + Webpack + Vue 的服务端渲染工程项目呢?

egg.js 项目初始化报错 ConnectionTimeoutError: Connect timeout for 5000ms