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

user_12888682 0
Viewed 1221

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:

image

I tried these settings:

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

However, I get another problem:

this problem

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

emmet vscode-snippets visual-studio-code
2 Answers

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.

user_100124460

To disable emmet (that 'dot snippet' in your screenshot is one of the things emmet does) in javascript/react files you could try adding this to your settings.json file:

"emmet.excludeLanguages": [
        "javascriptreact",
        "javascript"
    ]
user_128884700
Related