怎么样才能将HTML格式化输出

html-css011

怎么样才能将HTML格式化输出,第1张

使用的是expressjs中hbs(HandlerBars)的模板引擎,输出的HTML格式非常乱,用过第三方插件html中的prettyPrint 可以将html格式化输出。

我现在想问的是express用没有设置让res.render的html自动格式化,不需要第三方插件支持。

1、先打开Brackets编辑器,左边是目录,右边是代码区。

打开一个HTML文件,右上角有个闪电样子的图标就是实时预览功能,需要电脑中安装Chrome浏览器

2、其他的编辑器比如sublime之所以强大是因为有很多插件的支持,可以打造最适合自己的编辑器,那Brackets的插件:

点击文件--扩展管理器

可以看到里面有很多插件

3、而格式化代码是比较常用的功能,先模糊搜索一下里面有没有,输入format关键字搜索,看见的第一个插件Beautify,听起来挺不错,再看下介绍:Format JavaScript, HTML, and CSS files,正是我们需要的,快点安装

4、安装完成先别着急关掉扩展管理器,点击Beautify的更多信息,进入它在github的主页,往下看可以看到这样一行字:

Format HTML, CSS, and JavaScript files by Edit >Beautify menu or Cmd-Alt-L(Mac) / Ctrl-Alt-L(Win) key.

也就是说从Edit-Beautify可以找到它,而且快捷键是Ctrl+Alt+L

5、因为是ubuntu系统,Ctrl+Alt+L默认是锁屏的快捷键,跟它有冲突,所以按下后直接就锁屏了,再看一下编辑中的选项,发现不但有个Beautify还有个Beautify On Save,也即保存后就自动格式化,把它勾上,最后把写好的代码故意打乱,自己试试看