逻辑语法
以下是关于模板逻辑的语法。
JavaScript代码
不输出的代码
用 -
开始一段不直接进行输出的代码。
|
|
生成后
|
|
输出的代码
用=开始一段带有输出的代码,它应该是可以被求值的一个 JavaScript 表达式。为安全起见,它将被 HTML 转义。
|
|
生成后
|
|
不转义的输出代码
用 !=
开始一段不转义的,带有输出的代码。这将不会做任何转义,所以用于执行用户的输入将会不安全。
|
|
生成后
|
|
以下是关于模板逻辑的语法。
用 -
开始一段不直接进行输出的代码。
|
|
生成后
|
|
用=开始一段带有输出的代码,它应该是可以被求值的一个 JavaScript 表达式。为安全起见,它将被 HTML 转义。
|
|
生成后
|
|
用 !=
开始一段不转义的,带有输出的代码。这将不会做任何转义,所以用于执行用户的输入将会不安全。
|
|
生成后
|
|
|
|
但命令行提示 pug 命令未找到,接下来安装 pug-cli,注意一定要全局安装,否则无法正常编译。
|
|
查看版本
|
|
新建文件命名为index.pug
|
|
在命令行输入
|
|
你会发现在同目录生成了一个 index.html 文件,内容如下
|
|
接下来我们使用pug -w实现自动编译。
|
|
我使用的 VS Code,你可以让你的编辑器左右两边显示,方便实时查看。