使用 Less 的框架

Edit the markdown source for "frameworks-using-less"

UI/主题框架和组件

Ant Design 企业级 UI 设计语言和基于 React 的实现。
Balloon.css 纯 CSS 制作的简单工具提示
Bootflat 基于 Bootstrap 的开源扁平 UI 套件
BootPress 带有内置博客和平面文件 CMS 的 PHP 框架
Bootstrap 用于开发响应式、移动优先的 Web 项目的前端框架
Bootswatch Bootstrap 的免费主题集合
Cardinal 小型的"移动优先"CSS 框架,适用于构建响应式 Web 应用的前端开发者
Flat UI Free Bootstrap 的主题和框架
Fomantic-UI Semantic-UI 的官方社区分支
Ink 快速开发 Web 界面的工具集
Metro UI CSS 用于创建类似 Windows 8 界面的样式集
Petal Shakr 开发的现代轻量级 CSS UI 框架
Pre CSS 框架
prelude 轻量、响应式和可扩展的前端框架
React Suite 🧱 React 组件套件
Schema 轻量、响应式和精简的前端 UI 框架
Semantic UI 基于自然语言有用原则的 UI 组件框架
Strapless HTML 元素的 CSS 样板/框架,模式和颜色的混合库
UIkit 轻量级和模块化的前端框架,用于开发 Web 界面
ngBoilerplate AngularJS 项目的固执己见的启动器
Wee 用于逻辑构建复杂、响应式 Web 项目的轻量级前端框架

网格系统

Flexible Grid System 灵活的网格系统
adaptGrid 自适应网格
Fluidable 流式网格系统
Golden Grid System 黄金网格系统
Less Zen Grid Less Zen 网格
Order.less 排序网格
responsibly 响应式网格
Responsive Boilerplate 响应式样板
Semantic.gs 语义网格系统

混合库

3L 混合库
animate CSS3 关键帧动画库
Clearless 混合库集合
Css3LessPlease css3please.com 转换为 Less 混合
CssEffects CSS 样式效果集合
Cssowl 混合库
cube.less 仅使用 CSS 的动画 3D 立方体
est 混合库
Hexagon 生成具有自定义大小和颜色的 CSS 六边形
homeless 混合库
LESS Elements 混合集
LESS Hat 混合库
lessley 用纯 Less 编写的类似 Jasmine 的测试套件
Lessmore 混合库。跨浏览器支持 CSS3 特性等
LESS-bidi 用于创建双向样式的混合集
LESS-Mix 混合库
media-query-to-type 使用 Less 将媒体查询转换为媒体类型
More-Colors.less 在浏览器中设计时更容易进行颜色操作的变量
more-less 支持 Less 1.7 的混合库
More.less 混合、动画、形状等
more-or-less for 循环和其他函数 + css3 混合
normalize.less 使用 Less 模块化的著名 normalize.css
Oban 混合集
Preboot 变量和混合集。Bootstrap 的前身
prelude-mixins 混合集
Shape.LESS 各种形状的混合集
tRRtoolbelt.less 常用操作的混合和函数
Tuesday.less CSS 动画混合库
Less Style Library 变量和 LESS 命名空间混合的集合

编辑器和编辑器插件

Edit the markdown source for "editors-and-plugins"

另请参见:Less 的 GUI 工具

编辑器和 IDE

Sublime Text 2 & 3

Eclipse

Komodo Edit/IDE

Visual Studio

Dreamweaver

Notepad++ 6.x

浏览器扩展


Less.js 插件

Edit the markdown source for "plugins"

可用的 Less 插件。在 GitHubNPM 注册表 上查找更多。

后处理器/特性插件

Autoprefixer 添加供应商前缀
CSScomb 美化/格式化
clean-css 压缩/缩小
CSSWring 压缩/缩小
css-flip 生成从左到右(LTR)或从右到左(RTL)的 CSS
functions 使用 Less 本身编写自定义 Less 函数
group-css-media-queries 分组 CSS 媒体查询
inline-urls url() 转换为 data-uri() 调用
lesshint 检查你的 Less
lists 列表/数组操作(包括循环)
pleeease 使用 pleeease 后处理
rtl 从左到右反转为从右到左
variables-output 将顶级变量导出到 JSON 文件

预处理器

sass2less 将 Sass/SCSS 文件导入并转换为你的 Less 代码(包括变量、混合等)

导入插件

bower-resolve 从 Bower 包导入
glob Less 导入中的通配符支持
npm-import 从 npm 包导入
resolve-blocks 向上遍历树以查找指定组件

函数库

advanced-color-functions 查找更多对比颜色的函数
cubehelix 一个 cubehelix 函数
lists 列表/数组操作函数
urlencode URL 编码函数
util 一组实用函数

框架导入器

Bootstrap Bootstrap
Cardinal Cardinal
Flexbox Grid Flexbox Grid
Flexible Grid System Flexible Grid System
Ionic Ionic
Lesshat Lesshat
Skeleton Skeleton

Less 的图形用户界面

Edit the markdown source for "guis-for-less"

提示:尝试适用于你的平台的不同 Less 工具,看看哪一个最符合你的需求。

本页面专注于 GUI 编译器。关于命令行使用和工具,请参见 命令行使用

跨平台

Crunch 2!

为牛人准备的编辑器和编译器。

Crunch 2 是一个跨平台(Windows、Mac 和 Linux)的编辑器,具有集成编译功能。如果你使用大型 Less 项目,你绝对应该尝试一下,因为对于 Less 文件只需要免费版本。可在以下地址获取:https://getcrunch.co/

Crunch 截图

Koala

Koala 是一个用于编译 less、sass 和 coffeescript 的跨平台 GUI 应用。

特点:跨平台,支持编译错误通知和编译选项。

获取更多信息:http://koala-app.com/

Koala 截图

Prepros

Prepros 是一个用于编译 Less、Sass、Compass、Stylus、Jade 等的工具。

获取更多信息:https://prepros.io/

Prepros 截图

特定平台

Windows

WinLess

WinLess 最初是 Less.app 的克隆,它采用了更加功能完整的方法并有多个设置。它还支持使用命令行参数启动。

获取更多信息:http://winless.org

WinLess 截图

OS X

CodeKit

CodeKit 是 LESS.app 的后继者,支持 Less 以及许多其他预处理语言,如 SASS、Jade、Markdown 等。

获取更多信息:http://incident57.com/codekit

CodeKit 截图

LiveReload

CSS 编辑和图像更改实时应用。CoffeeScript、SASS、Less 等都能正常工作。

获取更多信息:http://livereload.com

LiveReload 截图

Linux

Plessc

Plessc 是一个使用 PyQT 制作的 GUI 前端。

自动编译、日志查看器、使用选定的编辑器打开 less 文件、文件编译设置。 获取更多信息:https://github.com/Mte90/Plessc

Plessc 截图


在线 Less 编译器

Edit the markdown source for "online-less-compilers"
less2css.org 在浏览器中托管的在线集成开发环境(IDE),允许用户实时编辑和编译 Less 到 CSS。
winless.org/online-less-compiler 这个在线 Less 编译器可以帮助你学习 Less。你可以浏览下面的示例或尝试你自己的 Less 代码。
lesstester.com Less CSS 的在线编译器。
leafo.net/lessphp/editor lessphp 实时演示。
estFiddle 提供 Less 和 est 实时演示的在线 Less 编译器。允许用户在 1.4.0 之后的所有 Less 版本之间切换,并可选择 est/Autoprefixer 功能。
BeautifyTools Less 编译器 BeautifyTools 上提供可选格式化和压缩的在线 Less 编译器
Less WebCompiler 互联网上最可配置的 Less Web 编译器,它允许使用你自己的编码标准渲染 CSS 输出!

支持 Less 的在线 Web IDE/代码演练场

CSSDeck Labs CSSDeck Labs 是一个可以快速创建涉及 HTML、CSS、JS 代码的实验(或测试用例)的地方。
CodePen CodePen 是一个用于 Web 前端的代码演练场。
Fiddle Salad 一个即时就绪的编码环境在线演练场。
JS Bin JS Bin 是一个专门设计用于帮助 JavaScript 和 CSS 开发者测试代码片段的 Web 应用。
jsFiddle 在线 Web 编辑器

第三方编译器

Edit the markdown source for "third-party-compilers"

Node.js 工具

其他技术

Wro4j Runner CLI 下载 wro4j-runner.jar 文件并运行以下命令:

java -jar wro4j-runner-1.5.0-jar-with-dependencies.jar --preProcessors lessCss

更多详细信息可以在这里找到:Wro4j Runner CLI

CSS::LESSp

http://search.cpan.org/~drinchev/CSS-LESSp/

lessp.pl styles.less > styles.css

Windows 脚本主机

注意 - 官方的 Less node 可以在 Windows 上运行,所以我们不确定为什么还要使用这个。

Windows 的 Less.js 使用方法如下:

cscript //nologo lessc.wsf input.less [output.css] [-compress]

lessc input.less [output.css] [-compress]

dotless

Windows 的 dotless 可以这样运行:

dotless.Compiler.exe [-switches] <inputfile> [outputfile]

另请参见:


Less.js 的移植版本

Edit the markdown source for "ports"

Java

  • Lesscss(使用 Rhino、Nasshorn 或 node.js 引擎运行 less.js;兼容 1.7.0 版本)
  • Lesscss gradle 插件(基于 Lesscss 的 Gradle 插件)
  • Less 引擎(在 Rhino JVM 的 JavaScript 解释器中运行 less.js)
  • Java 的 Less CSS 编译器(在 Rhino JVM 的 JavaScript 解释器中运行 less.js)
  • Less4j(原生 Java 实现)
  • JLessC(完全用 Java 编写的 Less 编译器)

.Net

PHP

Python

Ruby

Go

知道还有其他需要添加到这个列表的移植版本吗?请告诉我们