VSCode Emmet settings for autocompletion

I have been searching for a bit on this one, but I was hoping there was a way to autocomplete selectors in scss files using emmet in vscode. For example if I type div and hit tab I would like it to appear like the following snippet. I cant seem to find the answer. Below is also what I currently have in my settings.json file. Maybe this isn't a default option for vscode and I have to use something like prettier?

div {

}

{
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    // Files
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 4000,
    "files.hotExit": "onExitAndWindowClose",
    // Workbench Settings
    // "workbench.activityBar.visible": false,
    "workbench.editor.showTabs": false,
    "workbench.iconTheme": null,
    "workbench.sideBar.location": "right",
    "workbench.statusBar.visible": true,
    "workbench.colorTheme": "Default Dark+",
    "tabnine.experimentalAutoImports": true,
    "window.zoomLevel": 1,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[javascript][javascriptreact][typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[json][jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[css][scss][less]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "editor.colorDecorators": true,
    "editor.foldingStrategy": "indentation",
    "css.validate": true,
    "scss.validate": true,
    "emmet.triggerExpansionOnTab": true,
    "emmet.useInlineCompletions": true
}