css - 如何以可读格式打开css文件

Question

我想在 Atom 编辑器中打开 CSS 文件，但它的格式很困难。以漂亮的 CSS 格式打开 CSS 文件的任何想法。要打开和阅读的 CSS 文件

标签： css

Answer 1

将任何缩小（不可读）文件转换为可读形式称为美化。将缩小文件转换为可读文件的扩展程序、插件、软件或工具称为Beautifier / Formatter。

有几种方法可以使用它。

代码编辑器扩展/插件

• cssbeautify (原子)
• HTML-CSS-JS 美化（崇高文本）
• 括号美化（Adobe括号）
• 美化（VS 代码）

捆绑程序和任务运行工具

• 更漂亮的 Webpack 插件 (Webpack)
• gulp-cssbeautify (Gulp)

在线工具

• 原子美化（https://atom.io/packages/atom-beautify）
• freeformatter (https://www.freeformatter.com/css-beautifier.html)
• 缩小代码 (http://minifycode.com/css-beautifier/)

您还可以在自己喜欢的浏览器中将其与开发人员工具一起使用。