Vetur: Emmet tab autocomplete not working in vue files

[dpyzo0o]

• [x] I have searched through existing issues
• [x] I have read through docs
• [x] I have read FAQ

Info

• Platform: mac
• Vetur version: 0.11.8
• VS Code version: 1.23.1

Problem

Emmet not working in .vue files, but it works in .html files. It's strange to me because it works in .vue files before, let's say 10 days ago. It seems that the upgrade of vscode makes something wrong. I did not change any settings.

My vscode settings:

Reproducible Case

[cannap]

it works for me when i add

"vue": "html"

to

  "emmet.includeLanguages": {
    "edge": "html",
    "vue-html": "html",
    "vue": "html"
  },

but this adds it to the whole file also in script and other sections

[zl-kolev]

Same thing on a Windows 10 x64 machine. The last update of Vetur must have something to do with Emmet. Personally, I don't think the VS Code update broke it.

Apart from that, the extension is great! Thumbs up! :)

[kumailn]

javascript intellisense and css autocomplete doesn't work either anymore :(

[weenta]

got the same problem

[yuicer]

same problem today , it just suddenly failed with tab(emmet)
macbook pro

@cannap
it can fix the emmet in html with tab ， but still not work in css, the tips in css has dispeared

[nereuseng]

I get this from my output, hope it helps.

vetur initialized
events.js:163
      throw er; // Unhandled 'error' event
      ^

Error: UNKNOWN: unknown error, stat 'f:\vscode\doodle\20180313\vue-router\node_modules\.bin\acorn'
[Info  - 11:41:43] Connection to server got closed. Server will restart.

[Ninnka]

@cannap when I update vetur to the latest version, I have the same problem that the css-tips has dispeared

[octref]

https://github.com/vuejs/vetur/commit/2b996e06750124333b8b86460e498f3a60deb2b4 should fix this. Publishing a new version now.

[octref]

@nereuseng Can you try uninstall / reinstall? Your problem is probably different, when VS Code fail to install Vetur successfully. See https://github.com/vuejs/vetur/blob/master/docs/FAQ.md#no-syntax-highlighting--no-language-features-working

[nereuseng]

Thanks a lot, last method 'install from vsix' solved my problem.

Edited: It worked when I installed previous version from the link you provided. Once I updated to newest version, it broke again.

[octref]

Intended to publish as 0.11.9 but had a glitch and published an incomplete version to 0.12.0 by mistake...Anyway this should be fixed now in 0.12.1.
Let me know if you still see the issue on 0.12.1.

[dpyzo0o]

@octref Thanks for the quick fix! It works now, good job!

[nereuseng]

Updating to 0.12.1 today, the problem still exist. Fallback to 0.11.7, It works again. Please tell me what can I do to help you.

[octref]

@nereuseng Can you make it larger? Also seems you have Vetur E extension which would mess up Vetur.

[vonweb]

@octref I have the same problem，but without Vetur E extension，haven't found which process cause it

[octref]

@nereuseng @vonweb What's your OS? Also any output on Output -> Vue Language Server or Help -> Toggle Developer Tools?

[vonweb]

@octref I'm using win10 17134.48
output from "Vue Language Server":

from Developer Tools:

[nereuseng]

Works in 0.12.3. Vue Language Server logs vetur initialized only.

OS: Windows 10, 1803, 17134.48

[octref]

@vonweb Upgrade to 0.12.3.

[vonweb]

@octref Thank you for your great work, it works

[Ezra-Siton-UIX]

2 steps - 1 minute

hh so much "not working" long solutions on the web/Github :(

1/2. install Vetur (file => preferences => extentions => search vetur => install)

2/2. Update setting.json (fie => preferences => Extensions => JSON tab => "Edit in setting.json")

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

save ==> Done:

[digimedialoop]

"emmet.includeLanguages": {
"edge": "html",
"vue-html": "html",
"vue": "html"
}
Works for me to! Thx so much!