是否有编译LESS的在线工具?

时间:2010-09-21 19:41:01

标签: css less

我正在尝试在我的网页中使用LESS,但我在编译时遇到了问题。它是为ruby而设计的,我没有权限在我的电脑上安装。是否有用于此编译的在线工具?

我知道lessphp已存在,但我无法在其网站上找到该演示。

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

这样的界面是否存在?

12 个答案:

答案 0 :(得分:28)

lessphp上的演示功能是still there

答案 1 :(得分:22)

我不想宣传我自己的东西,但它回答了这个问题并且它是开源的!大约两周前我做了这件事 - The Online LESS Converter

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

GitHub项目:NathanStrutz/LESS-Converter

答案 2 :(得分:6)

<强> Less2CSS
http://www.less2css.org
网站是开源的:http://github.com/brian-frichette/less-preview

我的同事和我需要相同的功能,所以我们掀起了这个在线编译器。

要点:

  • CSS以实时为您的类型完全更新,完全是客户端。
  • 您可以选择 LESS版本(即v1.3.3,v1.3.0等)

答案 3 :(得分:2)

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

答案 4 :(得分:2)

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

答案 5 :(得分:2)

答案 6 :(得分:1)

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

请试试看,让我知道你的想法。

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

我的网站仍处于开发阶段,一旦我开发了它们,它将包含许多有用的工具;)。

亲切的问候 Marc Donaldson

答案 7 :(得分:1)

http://codepen.io

更改css选项卡(中间的选项卡)以使用LESS语法,然后粘贴您的LESS代码,并单击选项卡标题以查看已编译的CSS的预览。

另外,你可以在那里获得很多不错的东西,实时预览结果,分享,与github gists集成等等。

答案 8 :(得分:1)

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

答案 9 :(得分:0)

http://incident57.com/less/无应用 要么 http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/ LESS.js(我的偏好,因为您可以从谷歌链接它,但它不能在本地运行)。

答案 10 :(得分:0)

还有(是吗?)http://onless.duostack.net/但目前服务器似乎有些困难......

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

答案 11 :(得分:0)

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

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