How to save classes in css in line and not in column in Visual Studio Code?

Question

Visual Studio Code

How to set up auto-formatting on save in Visual Studio Code so that in css the enumeration of classes separated by commas remains in a line and does not line up in a column?
for example

nav,
footer,
header,
aside {
  display: block;
}

but you need

nav, footer, header, aside {
  display: block;
}

js doesn't like some things too

let {
  src,
  dest
} = require('gulp')...

needlet { src, dest } = require('gulp')...

Answer 1

As an option , install the Beautify extension , add in the config:

"beautify.config": {
      "brace_style": "collapse,preserve-inline"
    },