如何让 Express 输出格式良好的 HTML?
当使用 Express for Node.js 时,我注意到它输出的 HTML 代码没有任何换行符或制表符。虽然下载起来可能更高效,但在开发过程中可读性不太好。
如何让 Express 输出格式良好的 HTML?
When using Express for Node.js, I noticed that it outputs the HTML code without any newline characters or tabs. Though it may be more efficient to download, it's not very readable during development.
How can I get Express to output nicely formatted HTML?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(9)
在您的主
app.js
或其所在位置:Express 4.x
Express 3.x
Express 2.x< /strong>
我将漂亮的文字放在
开发
中,因为您会希望通过生产
中的“丑陋”提高效率。在生产环境中部署时,请务必设置环境变量NODE_ENV=product
。这可以通过在package.json
的“script”字段中使用并执行启动的sh
脚本来完成。Express 3 更改了这一点,因为:
In your main
app.js
or what is in it's place:Express 4.x
Express 3.x
Express 2.x
I put the pretty print in
development
because you'll want more efficiency with the 'ugly' inproduction
. Make sure to set environment variableNODE_ENV=production
when you're deploying in production. This can be done with ansh
script you use in the 'script' field ofpackage.json
and executed to start.Express 3 changed this because:
要在 Jade/Express 中“格式化”html 输出:
To "pretty-format" html output in Jade/Express:
Jade 本身有一个“漂亮”的选项:
...让你知道:
我似乎不是很老练,但对于我所追求的——
能够实际调试我的视图生成的 HTML —— 这很好。
There is a "pretty" option in Jade itself:
...gets you this:
I doesn't seem to be very sophisticated but for what I'm after -- the
ability to actually debug the HTML my views produce -- it's just fine.
在express 4.x中,将其添加到您的app.js中:
In express 4.x, add this to your app.js:
如果您使用控制台进行编译,那么您可以使用如下内容:
If you are using the console to compile, then you can use something like this:
在express 4.x中,将其添加到您的app.js中:
In express 4.x, add this to your app.js:
您真的需要格式良好的 html 吗?即使您尝试在一个编辑器中输出看起来不错的内容,在另一个编辑器中也可能看起来很奇怪。当然,我不知道你需要 html 做什么,但我会尝试使用 chrome 开发工具或 Firefox 的 firebug。这些工具可以让您更好地了解 DOM 而不是 html。
如果您确实需要格式良好的 html,那么请尝试使用 EJS 而不是 jade。这意味着你必须自己格式化 html。
Do you really need nicely formatted html? Even if you try to output something that looks nice in one editor, it can look weird in another. Granted, I don't know what you need the html for, but I'd try using the chrome development tools or firebug for Firefox. Those tools give you a good view of the DOM instead of the html.
If you really-really need nicely formatted html then try using EJS instead of jade. That would mean you'd have to format the html yourself though.
你可以使用tidy,
以这个jade文件为例:
foo.jade< /strong>
现在你可以使用 node testjade.js foo.jade > 处理它output.html:
testjade.js
会给你一些东西。例如:
output.html
然后使用 tidy -m output.html 通过 tidy 运行它会产生:
output.html
you can use tidy
take for example this jade file:
foo.jade
now you can process it with node testjade.js foo.jade > output.html:
testjade.js
will give you s.th. like:
output.html
then running it through tidy with tidy -m output.html will result in:
output.html
根据奥利弗的建议,这是一种查看美化 html 的快速而肮脏的方法
1) 下载 tidy
2)将其添加到您的 .bashrc
3) 运行
open 命令仅适用于 Mac。希望有帮助!
building off of oliver's suggestion, heres a quick and dirty way to view beautified html
1) download tidy
2) add this to your .bashrc
3) run
the open command only works on macs. hope that helps!