Vue.js VSCode Vetur Emmet and Scaffold Snippets not recognized

Question

I am using Vue.js on VSCode, and I installed Vetur for formatting. According to this video, there should be Scaffold snippets and Emmett code completion. None of that shows up on VSCode. When I type "scaffold" into a .vue file, there's no autocomplete. When I type "h1" into a .vue file, there's also no autocomplete. Anyone know how to solve this problem?

Answer 1

Just type vue instead of scaffold:

See the final result:

Answer 2

Please have a look at this https://issuehunt.io/r/vuejs/vetur/issues/1325, here they explain it's not: scaffold but vue.

Answer 3

following configurations，then, restart vscode, it will work

{
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": { 
        "vue-html": "html",    
        "vue": "html"  
    }
}