Search code examples
htmlvisual-studio-codecode-snippetsemmet

Custom emmet snippets not working in vscode

I am trying to set custom emmet snippets, but it is not working.

My snippets.json file

{
  "html": {
    "snippets": {
      "testing": "div{Hello World}"
    }
  }
}

My file is certainly 'HTML' format and I tried to relaunch vscode.
Also I checked that path to snippets.json is correct and it is visible in 'settings'.

Also tried with two different machines, same situation.

Here is settings.json

{
  "some other settings",
  "emmet.extensionsPath": ["D:\\FRONTEND\\snippets.json"]
}
Solution

  • The emmet.extensionsPath takes a directory not a file path so try

    "emmet.extensionsPath": ["D:\\FRONTEND"] instead

    Using custom Emmet snippets

    Custom Emmet snippets need to be defined in a json file named snippets.json. The emmet.extensionsPath setting should have the path to the directory containing this file.