CODEWITHSUNDEEP
javascriptreactjsemmetabbreviation
Lingesh Chary
Lingesh Chary

Reputation: 1

How can i get inline abbreviation element suggestions like this

I tried with emmet setting in 'json' but not getting suggestions

"emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "files.associations": {
    "*.js": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "jsx": {
      "inlineElements": ["input", "img", "id", "name"]
    }
  }

(https://i.sstatic.net/vAQBQ.png) and i need suggestion like this (https://i.sstatic.net/S7Jkk.png) need suggestions like above images

Upvotes: 0

Views: 31

Answers (1)

ṽïηøṧ
ṽïηøṧ

Reputation: 124

for the first image, these are called snippets, you can easily add them click ctrl + shift + p to open commands pallet, then type >Snippets: Configure User Snippets and enter, then you will have options to create snippets either for the current workspace or global ones

once you hit enter, the explanation on how to add a snippet will be a comment on the file

for the second image, these suggestions are shown by intillisense, watch this video for better understanding

Upvotes: 0

Related Questions