CSS 是否有编译 LESS 的在线工具？

Is there an online tool to compile LESS?

提问by Eric

I'm trying to use LESSin my webpage, but am having trouble compiling it. It's built to work on ruby, which I don't have permission to install on my pc. Is there an online tool for this compilation?

我试图在我的网页中使用LESS，但在编译它时遇到了问题。它专为在 ruby​​ 上运行而构建，我无权将其安装在我的电脑上。是否有用于此编译的在线工具？

I know that lessphpexists, but I can't find the demo on their site any longer.

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

To summarise, I'm looking for a quick and dirty solution to compiling LESS to test my stylesheets locally. Ideally, this would integrate with Microsoft Expression Web 4 (hooray for dreamspark), but I'd be perfectly happy with a "copy, paste, compile, copy, paste" web interface.

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

Does such an interface exist?

有这样的接口吗？

采纳答案by irishbuzz

The demo feature on lessphp is still there.

lessphp 上的演示功能仍然存在。

回答by Nathan Strutz

I don't want to advertise my own stuff, but it answers the question and it's open source! I made this about two weeks ago - The Online LESS Converter.

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

Blog entry: "Try the LESS converter, right now!"

博客条目：“立即试用 LESS 转换器！”

GitHub project: NathanStrutz/LESS-Converter

GitHub项目: NathanStrutz/LESS-Converter

回答by Scott Rippey

Less2CSS
http://www.less2css.org
Website is open-source: http://github.com/brian-frichette/less-preview

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

My co-worker and I needed the same functionality, so we whipped up this online compiler.

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

Highlights:

强调：

• CSS is updated in real-time,as-you-type, completely client-side.
• You can choose between LESS versions(ie. v1.3.3, v1.3.0, etc)

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

回答by Chen-Tsu Lin

Recommended list form less official website:

推荐列表形式少官网：

Online Less Compilers

在线 Less 编译器

• less2css.org
• winless.org/online-less-compiler
• lesstester.com
• dopefly.com/less-converter
• lessphp.gpeasy.com/demo
• leafo.net/lessphp/editor

• less2css.org
• winless.org/online-less-compiler
• 少测网
• dopefly.com/less-converter
• lessphp.gpeasy.com/demo
• Leafo.net/lessphp/editor

Online Web IDEs/Playgrounds with Less support

支持较少的在线 Web IDE/Playgrounds

• CSSDeck Labs
• CodePen
• Fiddle Salad
• JS Bin
• jsFiddle

• CSSDeck 实验室
• 代码笔
• 小提琴沙拉
• JS斌
• js小提琴

回答by leafo

I added a larger syntax highlighting editor and compiler to the lessphp page: http://leafo.net/lessphp/editor.html

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

回答by franka

There is also win less (for windows), which seems to work better for me than lessphp.

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

回答by user1603214

Here is an online converter i developed recently.

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

Please give it a try and let me know what you think.

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

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

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

My website is still undergoing development and will contain a lot of useful tools once I have developed them ;).

我的网站仍在开发中，一旦开发完成，将包含许多有用的工具；)。

Kind Regards Marc Donaldson

亲切的问候马克唐纳森

回答by Benja

http://codepen.io

http://codepen.io

change the css tab (the one in the middle) to use LESS syntax, then paste your LESS code, and click on tab title to see a preview of the compiled css.

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

plus you get a lot of nice things there, to preview the results live, sharing, integrating with github gists, etc.

此外，您在那里会得到很多不错的东西，可以实时预览结果、共享、与 github gists 集成等。

回答by Peter

LessTester (http://lesstester.com/) is an online LESS compiler that also does CSS minification. Very nice for deploying CSS code developed in LESS.

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

回答by chanHXC

These are basically GUI LESS compilers. https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js

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

My personal favorite is Crunch. It's in ADOBE Air format.

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