Vscode: Emmet doesn't work in Vue <template> tag.

[Garfield550]

• VSCode Version: 1.10.2
• OS Version: Windows 10 build 15055

Steps to Reproduce:

1. I use Vue 2 Snippets, vetur extensions, and I edit my settings.json file, add "emmet.syntaxProfiles" options.

// Vue emmet support
    "emmet.syntaxProfiles": {
        "vue": "html"
    },

1. .vue files language is Vue not plain text.

1. Emmet work in empty vue file, but not work in <template> tag.

template>div>ul>li*3

I lost some settings?

[octref]

This is the first thing in vetur's README...https://github.com/octref/vetur#setup

@ramya-rao-a @aeschli feel free to cc me for anything related to vetur/vue, or ask people to move vue specific issues over.

[ramya-rao-a]

Thanks @octref :)

[Garfield550]

@octref @ramya-rao-a
I solved the problem!

It is not settings problem, Vue 2 Snippets and vetur conflicts, disable one can fix.

[ysneo]

"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
},

my setting, i add these

[timurmelnikov]

Yes, it works. But not always correctly ...

[ramya-rao-a]

@timurmelnikov Can you share an example?

The one case where you will not get emmet suggestions is when you want to expand a simple word to <word></word>

This was done because otherwise emmet suggestions will show up for every word you ever type which can be noisy.

word.noise or word>child etc i.e actual abbreviations or commonly used tags like div, span, body should show up in emmet suggestions

[timurmelnikov]

Here is an example - https://gist.github.com/timurmelnikov/f42bfb42f60681536618d2abcb8278b0

[ramya-rao-a]

@timurmelnikov I am not able to reproduce the issue. Can you try the latest Insiders and see if you see your issue there? https://code.visualstudio.com/insiders

[timurmelnikov]

After updating to version 1.15.1, the error has disappeared. Everything works perfectly! Thank you!

[ramya-rao-a]

@timurmelnikov Great, Happy Coding!

[DanielWLam]

@ramya-rao-a Hi, does it still not support those customize tag, like word, dialog?

[ramya-rao-a]

@DanielWLam The Emmet: Expand Abbreviation should still work for them. And if you have set emmet.triggerExpansionOnTab to true, then tab should work as well