Less 编译器

在浏览器本地将 Less 编译为 CSS,编译错误会显示在状态区。

Less 编译是什么?

Less 编译工具是一个在线的 Less 预处理器,使用 less.js 在浏览器本地把 Less 源码编译为标准 CSS。它支持变量、嵌套规则、混合(Mixin)、运算与函数等 Less 核心特性,编译过程不经过服务器,源码不会上传,编译错误会直接显示在状态区。

主要功能

  • 支持变量、嵌套、Mixin、运算等 Less 核心语法
  • 编译在浏览器本地完成,源码不上传服务器
  • 编译错误会显示具体位置与说明
  • 编译结果可一键复制
  • 内置示例代码,方便快速上手

使用场景 / 注意事项

适合快速验证 Less 语法、调试样式变量或在不搭建构建环境时把 Less 转成 CSS。请注意结果是编译后的静态 CSS,不包含浏览器前缀补全与压缩处理。

如何使用

  1. 在编辑区输入 Less 源码(可点击示例快速填充)
  2. 点击编译,在右侧查看编译后的 CSS
  3. 点击复制保存 CSS 结果