Last Updated: October 18, 2020
· kamilwysocki

How to set up a LESS build in Sublime Text

What's the point?


Switching software while developing an app or website may be frustrating if you do small changes and test them. Why then not incorporate a LESS plugin for your environment? Actually, there's a LESS-build package for Sublime Text, but it doesn't work properly for the newest LESS syntax (i.e. for the Bootstrap files). How to overcome this issue?

Install LESS

This can be done using Node Packaged Modules. Go to your command line and type:
npm install -g less
Simple as that.

Install Sublime Text package

Open Sublime Text, press Ctrl+Shift+P, select Package Control: Install Package. Then find Less2Css package and press enter.

You should now have this plugin installed. To use it, simply open your main .less file and resave it. A new file with the same name but with .css extension should appear in your LESS folder.

HTML/CSS/JS Prettify problems


If you use HTML/CSS/JS Prettify plugin, you may actually notice that your LESS files don't compile properly. This is caused by the prettify-on-save option. To turn it off press Alt+Shift+H and then o. Change line:
"format_on_save": true
"format_on_save": false

3 Responses
Add your response

What's the date on this article???

over 1 year ago ·

What's the date on this comment?

over 1 year ago ·

top of the page says: on Sep 16, 2013

over 1 year ago ·

Have a fresh tip? Share with Coderwall community!

Post a tip