Prettier-VSCode does not respect .prettierrc configuration for HTML formatting

I am having similar issues to the ones that have been raised before, prettier-vscode does not seem to respect my project’s .prettierrc.json configuration when formatting HTML files. The print width seems to be defaulted to 80 instead of our custom value of 100.

{
    "printWidth": 100,
    "tabWidth": 4,
    "singleQuote": true
}

My vscode is setup to format on save, and our project’s package.json references "prettier": "1.15.2". The extension is up to date in vscode too. Our project does not have a print width setting in the .editorconfig file either.

I created a video reproduction of the issue where I save an AngularJS template file in vscode and it gets wrongly re-formated, and then apply the Prettier CLI on that file which puts it back to its correct format.

The video is available here (Dropbox - 2.1 MB).

[CiGit]

It seems we do not infer the same parser as prettier’s cli. This extension uses angular parser where prettier uses html parser. CLI:

• *.component.html -> angular
• *.html -> html Extension:
• html languageId -> angular parser

The extension doesn’t take into account files’ extensions, only vscode’s languageId

To workaround this issue. You can specify explicitly the parser you want to use.

[Santosh8055]

In my case, another extension was causing this issue. I uninstalled “XML Tools” and it started working!