跳转到正文

Less 格式化工具

使用这款 Less 格式化工具整理 Less 样式表。粘贴 Less 代码,工具会排版变量、嵌套规则、带参数的混入、混入调用、守卫、函数和媒体查询,采用两个空格缩进、每条声明单独占一行,并统一冒号和逗号后的空格。混入参数的默认值会保持紧凑,让前端开发者无需运行编译器也能获得清晰易读的 Less 代码。

重置

常见问题

Less 格式化工具如何工作?

它会将样式表读取为大括号、分号、冒号、字符串和注释等标记,再根据这些标记重新排版。每个左大括号都会开始一个缩进两个空格的代码块,每条声明各占一行。

变量的格式是怎样的?

变量声明(例如 @color: #333;)的冒号后会加一个空格,并以分号结尾。值中的变量引用会保持原样。

带参数的混入如何处理?

在混入参数的括号内,冒号会紧贴原位,因此 .mixin(@size:10px) 会保留紧凑的默认格式。参数之间的逗号后会加一个空格。

混入调用会单独占一行吗?

会。像 .mixin(5px); 或 .bordered; 这样的调用会以分号结尾,并在规则内单独占一行。嵌套选择器和 &:hover 规则会再缩进一级。

函数和运算会被更改吗?

像 darken(@color, 10%) 这样的函数会在每个逗号后保留一个空格,加号两侧也会加空格,因此 1px+2px 会变成 1px + 2px。像 when (@a > 0) 这样的守卫会保留在选择器所在行。

此工具会编译或检查我的 Less 吗?

不会。它不会编译为 CSS,也不会验证语法,因此也能格式化未完成的代码片段。请使用 Less 编译器查找错误并生成 CSS。

注释会保留吗?

会保留 // 行注释,并让注释占据该行,因此下一段代码会从下一行开始。块注释会保留在原来的位置。

可以调整缩进吗?

不可以。格式化程序始终使用两个空格缩进,也不提供设置。因此,同一个样式表每次都会生成相同的结果。

为什么输出会用 less 代码围栏括起来?

结果会以标记为 less 的 Markdown 代码块返回,并在 Markdown 中以语法高亮显示。复制围栏之间的代码行即可用于你的 .less 文件。

我的样式表最大可以有多大?

每次运行最多支持 5 MB,超过此大小的输入会被拒绝并显示提示。输出与 Code Formatter 的 Less 选项完全相同。

关于 OneClick Pro

OneClick Pro 是一个免费的工具集合,包含超过 150 种网络工具,助你处理日常工作:转换图像和单位、格式化和验证代码、检查域名和 SEO,以及处理文本、日期和数字。所有工具均可免注册、免订阅使用;你输入的内容仅用于计算结果,绝不会被存储。你可以将它用作处理临时任务的快捷工具箱,也可以收藏每天都会用到的工具。