Is there an online tool to compile LESS? [closed]

问题:

I'm trying to use LESS in 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?

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

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.

Does such an interface exist?

回答1:

The demo feature on lessphp is still there.

回答2:

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.

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

GitHub project: NathanStrutz/LESS-Converter

回答3:

Less2CSS
http://www.less2css.org
Website is open-source: 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)

回答4:

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

回答5:

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

回答6:

Recommended list form less official website:

Online Less Compilers

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

Online Web IDEs/Playgrounds with Less support

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

回答7:

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/

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

Kind Regards Marc Donaldson

回答8:

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.

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

回答9:

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

回答10:

http://incident57.com/less/ LESS app or http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/ LESS.js (my preference, since you can link it from google, however it does not run locally).

回答11:

There is(was?) also http://onless.duostack.net/ but currently the server seems to have some difficulties...

However, source code is here: https://github.com/chendrix/onless.git

回答12:

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

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

回答13:

For mac, just use: http://incident57.com/less/

For windows, use: http://winless.org/