使用handlebars 代替Jade 在使用Express
来源:互联网 发布:杨柘 知乎 编辑:程序博客网 时间:2024/06/09 20:09
在上一篇中提到《Node.js Express 使用 在Mac电脑》 提到如何使用Express 在Node js中,在Express-generator 生成是默认的jade ,我想用handlebars 去替换jade.
(1) 首先安装express-handlebars , 打开Terminal 输入
$ npm install --save express-handelbars
(2) 打开app.js 文件,能够看到
更改为以下代码:
(3) 进入views 文件夹
$ cd views
$ mkdir layouts; cd layouts
$ touch main.handelbars //简历 main.handlebars 文件 , 对应 app.js 中.create({defaultyLayout:'main'});
main.handlebars的内容
<!doctype html><head> <title></title></head><body> {{{body}}}</body></html>
$ cd ..
$ touch index.handlebars //建立index.handlebars , 对应的index.jade
index.handles 的内容
<h1>{{title}}</h1><p>Welcome to {{title}}</p>
$ touch error.handlebars //简历error.handlebars , 对应error.jade
error.handelbars 内容
<h1>{{message}}</h1><h2>{{error.status}}</h2><pre>{{error.stack}}</pre>
$ rm * .jade // 删除所有的
(4) 重新运行
$ npm start
显示结果应该是一样的
0 0
- 使用handlebars 代替Jade 在使用Express
- 在Express中使用Handlebars模板引擎
- 在express中使用handlebars-helpers
- Express中使用Jade
- 在Express项目中使用Handlebars模板引擎
- Nodejs使用Express构建Web项目,使用html文件代替jade模板
- Nodejs express使用jade模版
- handlebars使用
- 在WINDOWS环境下使用node安装express,mongoose,jade,bower,bootstrap
- 在Eclipse下使用JADE
- Jade使用
- nodejs使用express创建ejs变成jade的解决办法!
- Jade和Handlebars
- handlebars的使用
- Handlebars基本使用
- Handlebars的使用
- Handlebars 的使用
- Handlebars.js 使用入门
- ios证书相关
- 精准调度,高速体验:移动防劫持D+详解
- 事件总线 —— otto的bus和eventbus对比分析
- js onload()与jQuery ready()方法区别
- struts2 汉字乱码
- 使用handlebars 代替Jade 在使用Express
- 分享一下eclipse/Myeclipse常用的快捷键
- 数据结构实验之队列一:排队买饭
- 解析java内存原型
- easyui进度条函数使用例子
- 我所理解cocos2d-x 3.6 lua -- 初识MVC
- Cocos2d-x源码粗析1.base-nodes
- css之float深入剖析
- 外网访问内网linux