使用 Less 的框架

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

UI/主题框架和组件

Ant Design 企业级的UI设计语言及基于React的实现。
气球.css 由纯 CSS 制作的简单工具提示
平底靴 基于 Bootstrap 的开源 Flat UI KIT
BootPress 内置博客和平面文件 CMS 的 PHP 框架
引导程序 用于开发响应式、移动优先的网络项目的前端框架
靴子观察 Bootstrap 免费主题合集
红衣主教 小型“移动优先” CSS 框架,适用于构建响应式 Web 应用程序的前端开发人员
扁平化UI免费 Bootstrap 的主题和框架
Semantic-UI Semantic-UI 的官方社区分支
墨水 用于快速开发 Web 界面的工具集
Metro UI CSS 一组样式,用于创建具有类似 Windows 8 界面的网站
花瓣 Shakr 开发的现代、轻量级 CSS UI 框架
CSS 框架
序幕 轻量级、响应迅速且可扩展的前端框架
React 套件 🧱 一套 React 组件
架构 轻量、响应迅速且精简的前端 UI 框架
语义用户界面 基于自然语言有用原则的 UI 组件框架
无肩带 HTML 元素的 CSS 样板/框架,图案和颜色的混合库
UIkit 用于开发 Web 界面的轻量级模块化前端框架
ngBoilerplate AngularJS 项目的 Kickstarter
用于逻辑构建复杂、响应式 Web 项目的轻量级前端框架

网格系统

灵活的网格系统
适应网格
可流动
黄金网格系统
更少的禅宗网格
无序
负责任地
响应式样板
语义.gs

Mixin 库

3升 Mixins 库
动画 CSS3 关键帧动画库
无清晰 混合器集合
Css3LessPlease 将 css3please.com 转换为 Less mixins
CSS效果 CSS样式效果集合
索尔 Mixin 库
无立方体 仅使用 CSS 制作动画 3D 立方体
东部时间 Mixin 库
六边形 生成具有自定义大小和颜色的 CSS 六边形
无家可归 Mixin 库
LESS元素 混合集
LESS 帽子 Mixins 库
莱斯利 用纯 Less 编写的类似 Jasmine 的测试套件
莱斯莫尔 Mixins 库。跨浏览器支持 CSS3 功能及更多
LESS-比迪烟 用于创建双向样式的混合集
LESS-Mix Mixins 库
媒体查询类型 使用 Less 进行媒体类型媒体查询
更多颜色.更少 在浏览器中设计时,变量可让您更轻松地操作颜色
多-少 支持 Less 1.7 的 Mixin 库
更多.更少 混合、动画、形状等等
或多或少 for循环和其他函数+css3 mixins
规范化.less 使用 Less 模块化著名的 normalize.css
奥本 混合器集合
预引导 变量和混合的集合。Bootstrap 的前身
prelude-mixins 混合器集合
Shape.LESS 各种形状的混合集合
tRRtoolbelt.less 用于常见操作的混合和函数
星期二.less CSS动画混合库
Less 样式库 变量和 LESS 命名空间混合的集合

编辑器和编辑器插件

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

另请参阅:更少的 GUI

编辑器和 IDE

Sublime Text 2 和 3

Komodo 编辑/IDE

Visual Studio

Dreamweaver

Notepad++ 6.x

浏览器扩展


Less.js插件

Edit the markdown source for "plugins"

可用的 Less 插件。更多内容请访问GitHubNPM 注册表

后处理器/功能插件

自动前缀器 添加供应商前缀
CSScomb 美化/格式化
干净的CSS 压缩/最小化
CSSWring 压缩/最小化
css-flip 生成从左到右 (LTR) 或从右到左 (RTL) 的 CSS
函数 在 Less 中编写自定义 Less 函数
组 CSS 媒体查询 组 CSS 媒体查询
内联 URL 转变url()致电data-uri()
莱辛特 检查 Less 中的 Lint
列表 列表/数组操作(包括循环)
请使用后处理
右边缘 从 ltr 反转为 rtl
变量输出 将顶级变量导出到 JSON 文件

预处理器

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

导入插件

Bower 解析 从 Bower 包导入
全局 Less 导入中的全局支持
npm 导入 从 npm 包导入
解析块 沿着树向上查找指定的组件

函数库

高级颜色功能 查找更多对比色的函数
立方螺旋 一个cubehelix功能
列表 列表/数组操作函数
urlencode URL编码函数
实用程序 一组实用函数

框架导入器

引导程序 引导程序
红衣主教 红衣主教
弹性框网格 弹性框网格
灵活的网格系统 灵活的网格系统
爱奥尼 爱奥尼
莱沙特 莱沙特
骨骼 骨骼

更少的 GUI

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

提示:尝试适用于您的平台的不同 Less 工具,看看哪一个可以满足您的需求。

本页重点介绍 GUI 编译器。有关命令行用法和工具,请参阅命令行用法

跨平台

嘎吱嘎吱 2!

为优秀人士打造的编辑器和编译器。

Crunch 2 是一款跨平台(Windows、Mac 和 Linux)的编辑器,集成了编译功能。如果您需要处理大型 Less 项目,绝对值得一试,因为您只需要免费版本即可处理 Less 文件。下载地址:https://getcrunch.co/

Crunch screenshot

考拉

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

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

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

koala screenshot

预制版

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

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

Prepros screenshot

特定平台

视窗

赢少

WinLess 最初是 Less.app 的克隆版,它采用了更完善的功能,并拥有多种设置。它还支持通过命令行参数启动。

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

WinLess screenshot

OS X

CodeKit

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

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

CodeKit screenshot

LiveReload

CSS 编辑和图像更改可实时生效。CoffeeScript、SASS、Less 等脚本均可使用。

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

LiveReload screenshot

Linux

普莱斯克

Plessc 是一个用 PyQT 制作的 GUI 界面。

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

Plessc screenshot


在线 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/编辑器 lessphp现场演示。
estFiddle 在线 Less 编译器提供 Less 的现场演示和东部时间. 允许用户在以下版本之间切换1.4.0具有可选的 est/Autoprefixer 功能。
BeautifyTools Less 编译器 在线 Less 编译器,可选格式和压缩功能,网址为美化工具
更少的 WebCompiler 互联网上最可配置的 Less 网络编译器,它允许使用您自己的编码标准呈现 CSS 输出!

支持较少的在线 Web IDE/Playgrounds

CSSDeck实验室 CSSDeck Labs 是一个可以快速创建涉及 HTML、CSS、JS 代码的一些实验(或测试用例)的地方。
CodePen CodePen 是 Web 前端的游乐场。
小提琴沙拉 一个具有即时编码环境的在线游乐场。
JS 斌 JS Bin 是一个专门设计用于帮助 JavaScript 和 CSS 人员测试代码片段的网络应用程序。
jsFiddle 在线网页编辑器

第三方编译器

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 节点在 Windows 上运行,所以我们不确定您为什么要使用它。

适用于 Windows 的 Less.js使用以下用法:

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

或者

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

无点

Windows 版无点可以这样运行:

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 插件)
  • 更少引擎(在基于 Rhino JVM 的 JavaScript 解释器中运行 less.js)
  • Java 版 Less CSS 编译器(在基于 Rhino JVM 的 JavaScript 解释器中运行 less.js)
  • Less4j(本机 Java 实现。)
  • JLessC(Less 编译器完全用 Java 编写)

。网

PHP

Python

红宝石

知道其他应该添加到此列表的端口吗?请让我们知道