为了账号安全,请及时绑定邮箱和手机立即绑定

带你学习Jade模板引擎

Scott 全栈工程师
难度中级
时长 2小时 0分
学习人数
综合评分9.77
72人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.7 逻辑清晰
https://segmentfault.com/a/1190000006198621
Pug模板(一)
感谢Scott老师!
语法倒是很简单,加上条件判断后,格式实在太难看,很难看清楚结构,维护找起来比较烦。。
跟我们之前用的一个模板很像,,加上循环,判断啥的,加缩进把页面结构很难看清楚,,不加缩进把循环逻辑很难看清楚
npm install jade coffee-script less markdown --save
这语言真的有点脑残啊,缩进一直报错
jade:美玉
pug:哈巴狗
呵呵
安装一个jade插件就可以 了
pug语法的高亮找不到
这是了解jade很好的课程,如果你跟着打了一遍。然后马上用jade写了页面(有实际应用的课程),就能学到很多了好么。光看有什么用
npm install html2jade -g
html2jade http://www.imooc.com > imooc.jade
在程序里var html2jade = require('Document(document,{},function(err,jade){})
filter不能传递动态数据
包括less,coffee-scirpt,markdown
jade.compile('div #{course}',{})返回函数,将jade编译成特定的文件类型
jade.render('',{})直接传入待编译的代码进行编译
jade.renderFile('url',{变量})
Content-type:'text/plain' 文本格式 ‘text/html’输出页面
extends layout

block content
注意缩进
课程须知
1、html\css 2、如果具备js语法知识会更好理解本课程
老师告诉你能学到什么?
1、常用前端模板 2、Jade语法及基本使用方法 3、Jade缺点及如何取舍

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消