CODEWITHSUNDEEP
htmlvisual-studio-codecode-snippetsemmet
Dmytro Pavlov
Dmytro Pavlov

Reputation: 55

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"]
}

Upvotes: 0

Views: 1335

Answers (2)

menecd
menecd

Reputation: 15

Your syntax for the snippet is kinda wrong, here is the correct one, copy paste this: (you must modify the prefix as like you want)

    "html": {
    "prefix":  ["div"],
    "body": "div{Hello World}",
    "description": "div"
    }

Upvotes: -2

Mark
Mark

Reputation: 181060

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.

Upvotes: 5

Related Questions