VSCodeでHTML,CSS,JavaScriptのコード候補を表示させる方法を教えてください。

前提・実現したいこと

vscodeでHTML,CSS,JavaScriptのコード予測候補を表示させたいです。

発生している問題

予測コードは出るのですが、JavaScriptに関する候補が出ないです。
spanを出したいです。

別の人の画面の例（←こうなりたい）

spanが候補コードに出てきています。

試したこと・確認したこと

emmet abbrebiationは有効です。

回答者様にコメントいただいたHTML Snippetsはインストール済でした。（追記）

###補足
spanと打ってtabを押すと<span></span>になる機能は使えています。

setting.jsonはこんな感じになっています。ユーザ名は隠していますがちゃんと実際はちゃんと書いています。

{
    "python.pythonPath": "C:\Users\ユーザ名\anaconda3\python.exe",
    "python.condaPath": "C:\Users\ユーザ名\anaconda3\Scripts",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter-notebook"
    },
    "notebook.cellToolbarLocation": {
        "default": "right",
        "jupyter-notebook": "left"
    },
    "python.defaultInterpreterPath": "C:\Users\ユーザ名\anaconda3\python.exe",
    "emmet.triggerExpansionOnTab": true,
    "editor.tabSize": 4,
    "editor.minimap.enabled": false,
    "emmet.preferences": {
        
    
    },
    "html-css-class-completion.enableEmmetSupport": true,
    "emmet.syntaxProfiles": {
    
    },
    "emmet.excludeLanguages": [
    
        "markdown"
    ],
    "terminal.integrated.env.osx": {
    
    },
    "html-css-class-completion.HTMLLanguages": [

        "html",
        "vue",
        "razor",
        "blade",
        "handlebars",
        "twig",
        "django-html",
        "php",
        "markdown",
        "erb",
        "ejs",
        "svelte"

    ],
    "editor.quickSuggestions": true,
    "liveSassCompile.settings.excludeList": [

        "**/node_modules/**",
        ".vscode/**"
    ],
    "[python]": {


        "editor.wordBasedSuggestions": false
    }
}