Às vezes, quando inicio o VSCode e salvo um arquivo JS, tudo fica confuso.

exemplo

De:Para:Ao salvar

O que eu descobri:

Quando altero uma configuração de Usuário do VSCode (algo relacionado ao plug-in | mais bonito | qualquer coisa (normalmente altero a prettier.eslintIntegration, mas pode ser que qualquer alteração na configuração o resolva)) ele para de quebrar ao salvar.

Possíveis detalhes relacionados ao ambiente

// Part of .eslintrc
{
    parser: 'babel-eslint',
    extends: ['airbnb', 'prettier'],
    plugins: ['prettier'],
    rules: {
        'prettier/prettier': 'error'
    }
    ...
}

// .prettierrc.yml
printWidth: 80
tabWidth: 4
useTabs: false
semi: false
singleQuote: true
trailingComma: es5
bracketSpacing: true
jsxBracketSameLine: false
arrowParens: always

// Part of my VSCode 'User Settings' file
"javascript.format.enable": false,
"javascript.validate.enable": false,
"prettier.eslintIntegration": true,
"typescript.format.enable": false

// Possible related modules from my package.json
"babel-eslint": "^8.2.1",
"eslint": "^4.16.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-import-resolver-webpack": "^0.8.4",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.5.1",
"prettier-eslint": "^8.8.1",

A extensão VSCode suspeita:

dbaeumer.vscode-eslint
esbenp.prettier-vscode

Se qualquer outra informação (depuração) precisar ser fornecida, atire.