How to generate beautiful css from less using grunt?

Question

Less

I want the final file to be formed not in one line, as I have now, but as a regular css file in a column.
content of gruntfile.js:

module.exports = function(grunt) {
    grunt.initConfig({
        less: {
            development: {
                options: {
                    compress: true,
                    yuicompress: true,
                    optimization: 2
                },
                files: {
                    // target.css file: source.less file
                    "css/styles_super.css": "css/styles.less"
                }
            }
        },
        watch: {
            styles: {
                files: ['css/**/*.less'], // which files to watch
                tasks: ['less'],
                options: {
                    nospawn: true
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-watch');

    grunt.registerTask('default', ['watch']);
};

Thanks in advance for the replies!
If you need any clarification, please ask.

Answer 1

Try:

compress: false,
yuicompress: false

Answer 2

https://github.com/gruntjs/grunt-contrib-less#compress