在安装 Webpack 前,你本地环境需要支持node.js。
mac系统在终端上安装东西的时候 一般加上sudo 打开权限
Jade是一款基于haml的html模版引擎,采用Java cript实现,可以方便地 在Node.js、Yeoman等框架中使用,已改名为pug
1.安装jade : sudo install gade -g
2.编译html : jade -P -w test.jade (test是自己写的文件名; 输入这个指令后 会自动生成一个对应的html文件)
3.安装hede指令: sudo snpm hade -g (安装完成后 直接在终端输入hade 就可以跳到一个网页 将HTML源码和编译后的都显示出来)
![](https://img.haomeiwen.com/i11673372/6f7930a5c17e9db7.png)
jade 语法:
1.jade语法:通过缩进关系,代替以往html的层级包含关系,如 个简单的静态 可以表达为,注意要统一使用tab或者空格缩进,只需要写一个标签名就行
2.内联书写层级,a: img
3.style属性:div(style={width:”200px”,color:”red”})
4.使用”-”来定义变量,使用“=”把变量输出到元素内;
5.通过 #{variable} 插 相应的变 值
7.文本: 通过在 字前 添加竖线符号“|”可让 jade 原样输出内容 在html标签标记后 通过空格隔开 本内容 在html标签标记后通过添加英 号“.”添加块级 本
8.注释:可以通过双斜杠进 注释,jade有3种注释 式,可以分别对应输出html 注释、 输出html注释、块级html注释
9.循环:each val in [1,2,3]
10.判断语句:”if else” case when default
11.mixin:混合模式
![](https://img.haomeiwen.com/i11673372/14e918470002c91c.png)
![](https://img.haomeiwen.com/i11673372/0dd23d07f19c5066.png)
![](https://img.haomeiwen.com/i11673372/5bd3e48242355f0f.png)
网友评论