How to disable dot emmet intellisense for JS files in VS Code

Question

I want to use emmet in a Javascript file that contains JSX code but I don't want IntelliSense to suggest an emmet whenever I use the dot (.) operator.

For example, I don't want the .rap emmet suggestion to show up:

I tried these settings:

"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "bottom",

However, I get another problem:

Replacing "editor.snippetSuggestions" from "bottom" to "inline" also doesn't help.

Answer 1

The way i use emmet is, I have set a hotkey for emmet exapansion as ctrl+e and use that to expand in js/ts files.

And set emmet's settings like that -

"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly",
"emmet.triggerExpansionOnTab": true,

as, this will not show emmet abbreviation(intellisense) in other than css and html files, and thus don't clutter other intellisense in js and ts files.

Thanks.