'Prettier extension not working even after creating a config file

I have been trying to set up Prettier for VS Code globally so that I have all the basic features as well as single quotes. Before installing Prettier I uncommented VS Code's default Prettier configurations in settings.json file but it wasn't working.

Then I installed Prettier and enabled what I needed from VS Code's Settings > Extensions > Prettier tab but it still wasn't working. After that I created .prettierrc.json file and put it right beside where VS Code's settings.json file is, which is in c:\\Users\\Admin\\AppData\\Roaming\\Code\\User\\settings.json. Then I added this path in VS Code's Settings > Extensions > Prettier > Config Path field. And guess what, it is still not working.

What am I doing wrong here?

Here's how my settings.json file looks like:

{
    "terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
    "editor.autoClosingBrackets": "always",
    "editor.bracketPairColorization.enabled": true,
    "editor.maxTokenizationLineLength": 2000000,
    "diffEditor.maxFileSize": 0,
    "json.maxItemsComputed": 50000000,
    "svelte.enable-ts-plugin": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "bracketPairColorizer.depreciation-notice": false,
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "javascript.updateImportsOnFileMove.enabled": "always",
    "workbench.colorTheme": "Community Material Theme Palenight High Contrast",
    "reactSnippets.settings.importReactOnTop": false,
    "reactSnippets.settings.prettierEnabled": true,
    "html.completion.attributeDefaultValue": "singlequotes",
    "html.format.indentInnerHtml": true,
    "powermode.enabled": true,
    "powermode.combo.counterEnabled": "hide",
    "powermode.shake.enabled": false,
    "powermode.combo.location": "off",
    "powermode.presets": "flames",
    // "prettier.jsxBracketSameLine": true,
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    // "prettier.tabWidth": 4,
    // "prettier.useTabs": true,
    "prettier.bracketSpacing": true,
    "prettier.tabWidth": 4,
    "prettier.useTabs": true,
    "prettier.arrowParens": "avoid",
    "prettier.configPath": "c:\\\\Users\\\\Admin\\\\AppData\\\\Roaming\\\\Code\\\\User\\\\.prettierrc.json"
    // "prettier.bracketSameLine": true,
    // "prettier.arrowParens": "avoid",
    // "editor.wordWrapColumn": 120
}

And this is my .prettierrc.json file:

{
    "arrowParens": "avoid",
    "bracketSpacing": true,
    "endOfLine": "lf",
    "htmlWhitespaceSensitivity": "css",
    "insertPragma": false,
    "jsxBracketSameLine": false,
    "jsxSingleQuote": true,
    "printWidth": 80,
    "proseWrap": "preserve",
    "quoteProps": "as-needed",
    "requirePragma": false,
    "semi": true,
    "singleQuote": true,
    "tabWidth": 4,
    "trailingComma": "es5",
    "useTabs": true,
    "vueIndentScriptAndStyle": false,
    "parser": "json",
    "filepath": "c:\\Users\\Admin\\AppData\\Roaming\\Code\\User\\.prettierrc.json"
}

Any suggestions?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Prettier extension not working even after creating a config file

Sources

Related Questions