小番茄工具

在线 SASS / LESS 转 CSS 编译器

实时编译,无需安装,打开即用

SASS / SCSS 输入
编译中...
CSS 输出
编译中...

关于 SASS/LESS 在线转 CSS 编译器

本工具是一款完全免费的在线 CSS 预处理器编译工具,支持将 SASS(SCSS 语法)和 LESS 代码实时转换为标准 CSS。无需在本地安装 Node.js、Ruby 或任何编译环境,只需打开浏览器即可使用。所有编译过程均在客户端完成,您的代码不会上传至任何服务器,安全可靠。

支持的功能与语法

编译器完整支持 SCSS 的变量定义($variable)、嵌套规则、混合宏(@mixin / @include)、继承(@extend)、运算表达式、以及常用内置函数。LESS 模式支持变量(@variable)、嵌套、混合(Mixins)、函数运算和导引表达式(Guards)。无论您是在编写组件样式还是构建完整的设计系统,都能满足日常开发中的绝大多数编译需求。

适用场景

适用于前端开发人员快速验证 SASS/LESS 语法、在线调试样式代码片段、学习 CSS 预处理器语法,以及在没有本地开发环境时临时编译样式文件。也适合教学演示和技术博客撰写时在线生成 CSS 代码示例。支持移动端访问,随时随地进行代码编译与调试。

在线 SASS/LESS 转 CSS 编译器 · 所有编译在浏览器端完成,代码不会上传