这不是一个编程问题,但我正在处理我想要检查的第三方CSS文件,但它只是一行。我尝试了Sublime 2
文本编辑器和Eclipse CSS editor
,但都没有将文件内容拆分成容易被肉眼消费的样式块。
为了便于阅读,有哪些工具可以将单行CSS文件拆分为多行样式块?
答案 0 :(得分:5)
下载并安装代码编辑器Brackets。 (免费) http://brackets.io/
安装完成后,打开它并转到File-> Extension Manger。 搜索并安装“Beautify”。
安装扩展程序后,关闭并重新打开括号。
现在在Brackets中打开缩小的css文件,然后转到Edit-> Beautify或按Cmd-Shift-L(Mac)/ Ctrl-Shift-L(Win)键。
现在应该美化css文件并且易于阅读。
答案 1 :(得分:1)
有许多不同的代码"美化"这个问题(Sublime Text 2 Code Formatting)和随后的答案应该会给你一个良好的开端。
许多看到该帖子的人发现this answer有帮助。基本上Sergio Morlán所说的是Sublime Text中有一个内置选项,可以在Edit->Line->Reindent
中找到。
问题的其他答案包括使用HTML Prettify和Sublime CodeFormatter。
答案 2 :(得分:1)
我发现“HTML,CSS& JavaScript Minifier / Maxifier”是一个非常有用的在线工具,可以将缩小的CSS内容拆分为样式块。这是该网站的链接。
<http://codepen.io/depthdev/pen/HKuLs>
可以使用相同的工具来分割缩小的JavaScript和HTML文件。它也可以用来缩小HTML,CSS和JavaScript。
答案 3 :(得分:0)
SynWrite 编辑器(免费,Windows)。转到Options / AddonsManager / Install,键入“css format”并安装项目“CSS format”。
打开css文件后,调用menuitem“Plugins / CSS Format”。