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
Closed

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

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

Comments

@Garfield550
Copy link
Contributor

Garfield550 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
Copy link
Contributor

octref 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
Copy link
Contributor

Thanks @octref :)

@Garfield550
Copy link
Contributor Author

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

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

@ysneo
Copy link

ysneo commented Jul 29, 2017

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

my setting, i add these

@timurmelnikov
Copy link

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

@ramya-rao-a
Copy link
Contributor

@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
Copy link

@ramya-rao-a
Copy link
Contributor

@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
Copy link

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

@ramya-rao-a
Copy link
Contributor

@timurmelnikov Great, Happy Coding!

@DanielWLam
Copy link

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

@ramya-rao-a
Copy link
Contributor

@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.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants