Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Emmet doesn't work in Vue <template> tag. #22585

Closed
Garfield550 opened this issue Mar 14, 2017 · 12 comments

Comments

@Garfield550
Copy link

commented Mar 14, 2017

  • 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.

tim 20170314145402

  1. Emmet work in empty vue file, but not work in <template> tag.
template>div>ul>li*3

tim 20170314145638

tim 20170314145816

I lost some settings?

@egamma egamma assigned ramya-rao-a and unassigned egamma Mar 14, 2017

@octref

This comment has been minimized.

Copy link
Member

commented Mar 15, 2017

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

image

@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

This comment has been minimized.

Copy link
Member

commented Mar 15, 2017

Thanks @octref :)

@Garfield550

This comment has been minimized.

Copy link
Author

commented Mar 16, 2017

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

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

@ysneo

This comment has been minimized.

Copy link

commented Jul 29, 2017

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

my setting, i add these

@timurmelnikov

This comment has been minimized.

Copy link

commented Aug 12, 2017

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

@ramya-rao-a

This comment has been minimized.

Copy link
Member

commented Aug 12, 2017

@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

This comment has been minimized.

@ramya-rao-a

This comment has been minimized.

Copy link
Member

commented Aug 14, 2017

@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

This comment has been minimized.

Copy link

commented Aug 17, 2017

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

@ramya-rao-a

This comment has been minimized.

Copy link
Member

commented Aug 17, 2017

@timurmelnikov Great, Happy Coding!

@DanielWLam

This comment has been minimized.

Copy link

commented Sep 21, 2017

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

@ramya-rao-a

This comment has been minimized.

Copy link
Member

commented Sep 21, 2017

@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

@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 17, 2017

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
7 participants
You can’t perform that action at this time.