How to automatically compile LESS to readable CSS?

Question

css

Greetings.
I use sublime text 2, installed the less2css plugin. I also installed LESS via node.js (I don't know much about it).
So, when I write LESS code in the editor, after each save, it is automatically compiled into a CSS file of the same name. But the problem is that the output CSS is one line. Is it possible to make it readable?
For example:
header {font-size: 1.5em; color: #000;}
or
header {
font-size: 1.5em;
color: #000;
}
Thank you in advance for your answers)
[update]
Heh, and the solution was so simple) prntscr.com/54k6az
You can switch in the plugin settings.
But I will learn assembly systems anyway, thanks for the advice)

Answer 1

There are optimization options in the less settings. I recommend you still use nodejs + gulp for development builds and incremental builds, simply because there you can definitely customize everything to your liking. And there are also sourcemaps.

Answer 2

Use Grunt or Gulp.
I use Grunt: one task compiles less to css (readable), another one minifies css

Answer 3

I recommend to generate map map for css. It will show all hyphens and breaks in the browser and will not increase the size of the file itself.

Answer 4

Use brackets .