jade基础文档总结

最新推荐文章于 2021-06-22 14:15:14 发布

diamonds-

最新推荐文章于 2021-06-22 14:15:14 发布

阅读量1.2k

点赞数 1

分类专栏：学习笔记

本文链接：https://blog.csdn.net/qq_38698632/article/details/90168547

版权

本文档总结了Jade的基本安装和使用方法。通过`npm install jade -g`全局安装后，可以使用`jade index.jade`进行编译。为了实时查看文件变化，可以使用`jade -P -w index.jade`。推荐使用Sublime等编译软件进行分屏观察，以便于学习和理解Jade语法。

摘要由CSDN通过智能技术生成

1.安装jade：npm install jade -g

运行jade：jade index.jade

如果要实时观察变化，可以运行：jade -P -w index.jade

用编译软件分屏（例：sublime）观察

2.学习jade

中午看了一下文档，学习了一下，直接代码列出来：

index.jade

<!-- 缓冲区注释 -->
doctype html
html(lang="zh-CN")
	head
		title
	body
		div.demo1
		//非缓冲区注释
		div
			//注意空格
			a(href="http://www.baidu.com",target="_blank") 百度
		//“=”设置元素包含的内容。“=”后可跟任何“表达式”，可以是一个字符串、一个“变量”，也可以是“函数”或“表达式”的运算结果。“=”后的内容会被转码
		div='包含内容'+',<b>表达式</b>'
		//不希望进行转码
		div!='包含内用，<b>表达式</b>'
		//布尔属性
		button(disabled=true) 属性进行添加
		button(disabled=false) 属性不进行添加
		//style写法
		div(style&