5

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

!!! 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，我该如何管理这个？谢谢你的信息！

4

2 回答 2

15

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

app.set('view options', { pretty: true });
于 2011-09-29T01:02:30.780 回答
7

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

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

类似的问题：Express and pretty HTML

于 2011-06-28T10:11:25.043 回答