源代码中的 Node.js JADE 换行符？答案

【问题标题】：Node.js JADE linebreaks in source?源代码中的 Node.js JADE 换行符？
【发布时间】：2011-09-24 04:19:50
【问题描述】：

我想知道，如果我解析我的玉模板，为什么在我的源代码中看不到任何换行符。它看起来像这样：

!!! 5
html
head
    title= title
    link(rel='stylesheet', href='/stylesheets/css.css')
    link(rel='stylesheet', href='/stylesheets/blitzer/jquery-ui-1.8.10.custom.css')
    link(rel='stylesheet', href='/stylesheets/table_jui.css')

    script(type="text/javascript", src="/javascripts/jquery.min.js")
    script(type="text/javascript", src="/javascripts/jquery-ui.min.js")
    script(type="text/javascript", src="/javascripts/jquery.jwNotify.js")
    script(type="text/javascript", src="/javascripts/jquery.dataTables.min.js")
    script(type="text/javascript", src="/javascripts/js.js")

body!= body

现在我的源代码如下所示：

<!DOCTYPE html><html><head><title>Express v2</title><link rel="stylesheet" href="/stylesheets/css.css"><link rel="stylesheet" href="/stylesheets/blitzer/jquery-ui-1.8.10.custom.css"><link rel="stylesheet" href="/stylesheets/table_jui.css"><script type="text/javascript" src="/javascripts/jquery.min.js"></script><script type="text/javascript" src="/javascripts/jquery-ui.min.js"></script><script type="text/javascript" src="/javascripts/jquery.jwNotify.js"></script><script type="text/javascript" src="/javascripts/jquery.dataTables.min.js"></script><script type="text/javascript" src="/javascripts/js.js"></script></head><body></body></html>

查看源代码中的换行符是否可以调试？任何人都有一个ideo，我该如何管理这个？谢谢你的信息！

【问题讨论】：

标签： node.js pug

【解决方案1】：

因为默认情况下 Jade 不会将任何换行符编译到您的 html 源代码中。

它只是向客户端发送不必要的字节，降低下载速度并增加带宽消耗。

类似问题：Express and pretty HTML

【讨论】：

谢谢，我想我现在明白了:)

【解决方案2】：

有时，您希望看到漂亮的 html 输出。要取消对 Jade 输出的丑化，请将 pretty 选项传递给 app.js 中的编译器：

app.set('view options', { pretty: true });

【讨论】：

使用 Express v3.x，记住你需要这个：app.locals.pretty = true;
如果从shell调用jade，你也可以使用--pretty开关