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?

After the extensions are installed, you need to enable them as well. Could you double check that they are enabled? — Ayudh, May 26 '20 at 03:02
Yep, it's enabled - when I view the Vetur extension, it says "This extension is enabled globally." — Andrea, May 27 '20 at 04:19
Then I suggest you reinstall the extensions and see if that helps — Ayudh, May 27 '20 at 06:20

score 29 · Answer 1 · answered Sep 01 '20 at 14:32

29

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

answered Sep 01 '20 at 14:32

Leroy Meijer

1,169
17
40

comment worth retaining and it makes perfect sense just to use vue. – zero8 Jun 04 '21 at 05:15

score 8 · Answer 2 · answered Jul 25 '21 at 19:04

8

Just type vue instead of scaffold:

See the final result:

answered Jul 25 '21 at 19:04

Misael C. Homem

121
1
5

score 6 · Answer 3 · answered Jun 28 '21 at 03:07

6

following configurations，then, restart vscode, it will work

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

answered Jun 28 '21 at 03:07

yuanbaby

61
1
1

This resolves my issue emmet suddenly stops working on on .vue files. Usually it works out of the box when you install Vetur but now I have to add this from the settings.json configuration. – SMPLYJR May 23 '22 at 02:56

Vue.js VSCode Vetur Emmet and Scaffold Snippets not recognized

3 Answers3