为什么 Jade 在 Express.js 中无法正确格式化其输出答案

【问题标题】：Why won't Jade format its output correctly in Express.js为什么 Jade 在 Express.js 中无法正确格式化其输出
【发布时间】：2011-11-05 05:38:31
【问题描述】：

我在 Express.js 中使用 Jade，我注意到 html 输出都在一行中。在 Jade 网站 (http://scalate.fusesource.org/documentation/jade-syntax.html) 上，它说格式化输出是标准的，选项是 ScamlOptions.nl 和 ScamlOptions.indent，但我无法在任何地方找到这些选项来查看它们是否设置不正确。有谁知道我在哪里可以找到这些选项，或者有其他方法可以强制清除格式吗？

谢谢！

这个帖子没有帮助： How to output pretty html in Express?

【问题讨论】：

Scalate 是 Jade 的 Scala 实现。 JavaScriptjade实现，被express使用，放在github上的项目repo中github.com/visionmedia/jade#readme
看到这个类似的问题：stackoverflow.com/questions/5276892/…
为什么指定的两个stackoverflow链接没有帮助？您如何格式化您的 Express 视图选项？

标签： node.js express pug

【解决方案1】：

缩放！=翡翠

此外，Jade 并非旨在创建人类可读的输出。所有缩进和新行都只是浪费空间，对于任何浏览器处理 HTML 并不重要。但你可以试试：

试试看：app.set('view options', { pretty: true });
使用 Firebug 或 Chrome Inspector 查看您的 HTML ;-)
使用任何 HTML 清理工具。

【讨论】：

这是express 2（甚至是express 1），随着版本3的发布，他们改变了express的API。@AmericanYak

【解决方案2】：

在 Express 3 中，（至少）此视图选项的 api 已更改。

我设置了app.locals.pretty，它似乎工作得很好。在app.configure() 中设置视图引擎后，我立即在app.js（或server.js）中调用它

app.use(function(req, res, next) {
  app.locals.pretty = true;
  next();
});

【讨论】：

对于 express 3.x 这是正确的。您可以将它放在您的 app.js 中 - 如果您使用了裸骨快递脚手架，请在 // all environments 部分下放置 app.locals.pretty = true;。