No Heex highlighting

Questions / Help
,
1

New to elixir

In VS Code I can’t get syntax highlighting on my HEEX, either in a .heex file or in a ~H sigil block

My settings.json includes:

"emmet.includeLanguages": {
        "elixir": "html",
        "html-eex": "html",
        "phoenix-heex": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "window.zoomLevel": 1,
    "tailwindCSS.includeLanguages": {
        "phoenix-heex": "html",
        "elixir": "html",
    },
    "elixirLS.suggestSpecs": false,
    "elixirLS.dialyzerEnabled": true,
    "elixirLS.signatureAfterComplete": false,
    "elixirLS.fetchDeps": false,
    "files.associations": {
        "*.heex": "phoenix-heex"
    },
    "[elixir]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "JakeBecker.elixir-ls"
    },
    "[phoenix-heex]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "JakeBecker.elixir-ls"
    },

but still no syntax highlighting

Included extensions

  • ElixirLS
  • Elixir Templates
  • HEEX HTML

Any suggestions welcome!

2

You configured usage of phoenix-heex, but you don’t mention that extension as installed.

3 Likes
3

if its not the missing plugin, check this out, its complete and correct (as anything from Mike)

formatting-heex-templates-in-vscode

2 Likes
4

That was it - @LostKobrakai - the Phoenix extension, as the Pragmatic Studio article (thanks @Sebb ) suggests.

Thanks both!

2 Likes