有没有编译LESS的在线工具？ [关闭]答案

【问题标题】：Is there an online tool to compile LESS? [closed]有没有编译LESS的在线工具？ [关闭]
【发布时间】：2014-03-21 10:37:51
【问题描述】：

我正在尝试在我的网页中使用LESS，但无法编译它。它是为在 ruby 上工作而构建的，我无权在我的电脑上安装它。有这个编译的在线工具吗？

我知道lessphp 存在，但我在他们的网站上找不到演示了。

总而言之，我正在寻找一种快速而肮脏的解决方案来编译 LESS 以在本地测试我的样式表。理想情况下，这将与 Microsoft Expression Web 4 集成（dreamspark 万岁），但我对“复制、粘贴、编译、复制、粘贴”网络界面非常满意。

这样的接口存在吗？

【问题讨论】：

为什么不在客户端模式下使用 LESS，其中 javascript 执行 LESS“编译”？ lesscss.org/#-client-side-usage
@MatthewLock：因为禁用 javascript 后网站看起来很糟糕。
"我正在寻找一种快速而肮脏的解决方案来编译 LESS 以在本地测试我的样式表。"
@MatthewLock：哦，好点。差不多两年前我问过这个问题——不要指望我记得我写的东西！问题是lessjs支持与lessphp略有不同的方言，这是我在服务器上运行的。
在wearekiss.com/simpless 尝试 simpless，这对 win、mac 甚至在 linux 上最有效。

标签： css less

【解决方案1】：

lessphp 上的演示功能是still there。

【讨论】：

【解决方案2】：

我不想宣传我自己的东西，但它回答了这个问题，而且它是开源的！大约两周前我做了这个 - The Online LESS Converter。

博客条目："Try the LESS converter, right now!"

GitHub 项目：NathanStrutz/LESS-Converter

【讨论】：

可以，但是不支持@import 子句，你必须合并所有文件才能使用这个工具。
对，它不能从多个输入中@import，因为它只是一个文本字段。如果您能想到修复它的建议，请在 github 项目页面上告诉我。我们可以努力让它变得很棒。
请注意.. @import "../.htaccess";将从您的服务器导入文件：/ suz

【解决方案3】：

Less2CSS
http://www.less2css.org
网站开源：http://github.com/brian-frichette/less-preview

我和我的同事需要相同的功能，所以我们开发了这个在线编译器。

亮点：

CSS 实时更新， 随你输入，完全在客户端。
您可以选择 LESS 版本（即 v1.3.3、v1.3.0 等）

【讨论】：

目前，less2css.org 不起作用。不过，这可能是一个暂时的问题。
感谢您的通知！现在应该可以备份了。
好像又宕机了。
:( 不幸的是，我不维护该站点，并且我不再与维护站点的人合作。我创建了一个 GitHub 问题，所以希望他能解决它。

【解决方案4】：

我在lessphp页面中添加了一个更大的语法高亮编辑器和编译器：http://leafo.net/lessphp/editor.html

【讨论】：

使用它并不断收到警告：“”警告：在第 282 行的 /home/leaf/public_html/lessphp/src/lessc.inc.php 中为 foreach() 提供的参数无效“”任何原因是什么原因造成的？

【解决方案5】：

还有win less (for windows)，这对我来说似乎比lessphp 更有效。

【讨论】：

【解决方案6】：

推荐列表形式less official website：

在线少编译器

支持较少的在线 Web IDE/游乐场

【讨论】：

【解决方案7】：

这是我最近开发的一个在线转换器。

请试一试，让我知道你的想法。

http://www.marcdonaldson.com/less-2-css-online-converter/

我的网站仍在开发中，一旦我开发了它们，将包含许多有用的工具;)。

亲切的问候马克·唐纳森

【讨论】：

链接已失效...只有一张背景图片加载失败。

【解决方案8】：

http://codepen.io

将 css 选项卡（中间的那个）更改为使用 LESS 语法，然后粘贴您的 LESS 代码，然后单击选项卡标题以查看已编译 css 的预览。

此外，您还可以获得很多好东西，可以实时预览结果、分享、与 github gists 集成等。

【讨论】：

+1 - 哇，我不知道我能做到这一点！漂亮的小复活节彩蛋！
如果您能获得 CSS 的实时更新，而不必单击选项卡，那就太好了。也许我会写 JS 来完成这个。
好的，我创建了一个输出编译后的 CSS 的笔，让你实时预览你的 LESS：codepen.io/scottrippey/pen/liFnc

【解决方案9】：

LessTester (http://lesstester.com/) 是一个在线 LESS 编译器，它也进行 CSS 缩小。非常适合部署在 LESS 中开发的 CSS 代码。

【讨论】：

【解决方案10】：

http://incident57.com/less/ LESS 应用或者 http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/LESS.js（我的偏好，因为你可以从谷歌链接它，但它不在本地运行）。

【讨论】：

【解决方案11】：

还有（曾经？）http://onless.duostack.net/，但目前服务器似乎有一些困难......

但是，源代码在这里：https://github.com/chendrix/onless.git

【讨论】：

【解决方案12】：

这些基本上是 GUI LESS 编译器。 https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js

我个人最喜欢的是 Crunch。它是 ADOBE Air 格式。

【讨论】：

【解决方案13】：

对于 mac，只需使用：http://incident57.com/less/

对于 Windows，请使用：http://winless.org/

【讨论】：