Format .html files in VS Code?

[vincerubinetti]

I've followed the instructions here to use the regular Prettier extension with this plugin, but it seems like it only works on .liquid files. I'm writing a Jekyll website template that uses .html files. Is there any way to configure VS Code settings or the plugin to run on .html files?

FYI, changing the .html extension temporarily to .liquid works correctly and the plugin is able to format the file just fine. I tried the Shopify Liquid extension method, and temporarily set it as the default formatter for html:

  "[html]": {
    "editor.defaultFormatter": "Shopify.theme-check-vscode"
  },

but trying to format gives an error "Extension 'Shopify Liquid' is configured as formatter but it cannot format 'HTML'-files.".

[charlespwd]

🤔 Have you tried the solution here?

I feel like changing the file association from HTML to Liquid would solve your problem.

[chrisrhymes]

I've added the following as workspace settings (in .vscode/settings.json) and it seems to now auto detect as liquid in Jekyll html files and markdown files in VS Code.

{
  "files.associations": {
    "*.html": "liquid",
    "*.md": "liquid"
  },
  "[liquid]": {
    "editor.defaultFormatter": "Shopify.theme-check-vscode",
    "editor.formatOnSave": true
  }
}