How to autocomplete tag.className in Visual Studio Code like Sublime Text

Question

In sublime Text 2 writing div.panel then press tab, or the auto complete trigger, in the HTML document produces <div class="panel"></div>

I have tried to get the same result in Visual Studio Code version 1.17.1 but I could not able to get it.

I am using the following plugins:

• Auto Close Tag
• HTML CSS Support
• HTML Snippets

Answer 1

settings.json Ctrl+,

"emmet.triggerExpansionOnTab": true,
"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "top"