LESS not outputting source map - css

Question

I just installed less and trying to get a css and map file generated. Whatever tutorial I find, it never works. Here's an example of a tutorial I've been following, http://code.tutsplus.com/tutorials/working-with-less-and-the-chrome-devtools--net-36636.
My less file is this:
#color: black;
body {
background-color: #color;
}
.text{
color: #color;
}
And the command that I use to compile is this:
lessc -source-map=header.map header.less header.css
I've also tried
lessc header.less header.css
lessc -source-map=header.map header.less header.css
in case I needed to generate the css for whatever reason and
lessc --source-map-less-inline header.less header.css
to see if I can generate it inline, but that doesn't work either.
The version of less that I am using is lessc 1.4.2 (LESS Compiler) [JavaScript] on an Ubuntu server.

Answer 1

follow this link. I use it to install LESS on ubuntu.
after it is done, then just use the following command to compile a less file into css.
lessc theme.less theme.css
Link to refer