use js-beautify to format files(css/less/scss)
Install through VS Code extensions. Search for formats.
On Windows:
- CTRL + Shift + P -> Format Document
- CTRL + ALT + F
On Mac:
- CMD + Shift + P -> Format Document
- CMD + ALT + F
| Setting | Type | Default |
|---|---|---|
| formatStyle.enable | Boolean | true |
| formatStyle.indent_size | Number | 4 |
| formatStyle.indent_char | String | ' ' |
| formatStyle.eol | String | 'auto' |
| formatStyle.indent_level | Number | 0 |
| formatStyle.indent_with_tabs | Boolean | false |
| formatStyle.preserve_newlines | Boolean | true |
| formatStyle.max_preserve_newlines | Number | 32786 |
| formatStyle.space_in_paren | Boolean | false |
| formatStyle.space_in_empty_paren | Boolean | false |
| formatStyle.jslint_happy | Boolean | false |
| formatStyle.space_after_anon_function | Boolean | false |
| formatStyle.space_after_named_function | Boolean | false |
| formatStyle.brace_style | String | "brace_style" |
| formatStyle.unindent_chained_methods | Boolean | false |
| formatStyle.break_chained_methods | Boolean | false |
| formatStyle.keep_array_indentation | Boolean | false |
| formatStyle.unescape_strings | Boolean | false |
| formatStyle.wrap_line_length | Number | 0 |
| formatStyle.wrap_attributes | Array | ["auto", "force", "force-aligned", "force-expand-multiline", "aligned-multiple", "preserve", "preserve-aligned"] |
| formatStyle.e4x | Boolean | false |
| formatStyle.end_with_newline | Boolean | false |
| formatStyle.comma_first | Boolean | false |
| formatStyle.operator_position | Array | ["before-newline", "after-newline", "preserve-newline"] |
| formatStyle.indent_empty_lines | Boolean | false |
| formatStyle.templating | [String|Array] | ["auto"] |
| formatStyle.selector_separator_newline | Boolean | true |
| formatStyle.newline_between_rules | Boolean | true |
| formatStyle.space_around_combinator | Boolean | true |
| Version | Notes |
|---|---|
| 1.0.0 | init |