本文介绍了前端模板引擎的概念，重点讲解了jade模板引擎的安装过程和在Windows环境下的操作，包括如何使用npm全局安装jade，以及在Sublime和Webstorm中的体验对比。同时，阐述了jade的编写与运行，包括生成可读HTML的命令以及实现实时编译检测的方法。最后，作者分享了初步学习jade的一些语法规则，并鼓励读者深入学习更多的jade语法。
1.什么是模板引擎？（我的理解）
模板引擎：为了使用户界面与业务数据（内容）分离而产生的，根据特定的规则生成特定文档，各个领域都可以有自己的模板引擎。
web模板引擎：最终生成的文档是HTML类型。
而这种规则有五花八门，各种各样的规则就是不同的模板引擎。
本文主要讲jade
2.jade的安装（windows）
jade是基于nodeJs的，所以首先要安装运行环境 nodeJs，包管理工具npm
如果接触过的node，相信大家已经安装了，我就不再啰嗦。
jade安装（全局安装）：npm install -g jade
开发工具： sublime，webstorm 等
就两个工具对比了一下（如上图），会发下这个sublime都是白色，没有语法可言，相比webstorm还是不错的。
如果你真的喜欢用sublime开发，不用担心，根据这篇文章安装插件就可以实现语法高亮。
3.编写与运行
运行命令：jade index.jade</
最低0.47元/天 解锁文章
扫一扫
1479
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
