跳到主要内容
uencoder
Web 开发 入门 2 个步骤

CSS 格式化并转 LESS

CSS 格式化使代码可读。LESS 转换启用变量和混入用于可维护样式。

解决的问题

格式化 CSS 后转为 LESS 用于预处理器。

输入 → 输出

CSS 格式化器 输入 → CSS 转 LESS 输出 ,共 2 个步骤。

运行耗时

1–2 分钟 · 完全在浏览器本地运行。

开始之前

  • CSS 输入

管道

  1. 1 CSS 格式化器 css-format

    在线美化或压缩 CSS。展开规则并缩进属性,或压缩为单行。免费、隐私本地化、100% 客户端运行。

  2. 2 CSS 转 LESS css-to-less

    Css To Less — 纯客户端工具。隐私优先,无服务器往返。

在工具链中打开

在浏览器本地运行。配方仅定义管道——您的输入绝不离开此标签页。

▶运行此工作流

在下方输入数据并点击运行。所有处理均在浏览器本地完成 — 不会上传任何内容。

管道进度

  1. CSS 格式化器css-format
  2. CSS 转 LESScss-to-less

示例输入

a{color:red}b{color:blue}

预期输出

a  {
  
  color: red;
}

b  {
  
  color: blue;
}

此输入输出对在构建期用真实工具执行(tests/unit/recipes.test.ts)——预期输出经过验证,非示意。

您可能还需要

与此配方共享工具或主题的工作流。

使用的工具