VSCode does not show HTML attributes in .vue files but shows in html files

user_4458789 0
Viewed 2044

I have spent 3 hours figuring out what's going on but could not find it out. I am new to HTML and intellisense help me know many attributes of a tag on the go. However, with .vue files html attributes are not being shown up.

a) Attributes being shown up in "index.html"

enter image description here

b) No attributes hints in "TodoItem.vue"

enter image description here

I have already installed Vetur, HTML CSS Support and Vue VSCode Snippets extension from marketplace.

vetur vscode-settings vue.js visual-studio-code
2 Answers

First, install Vetur extension after that go to

File > Preferences > Settings

In the list find and open Extensions find Vetur, scroll down and find Template Interpolation Service (must be checked).

enter image description here

enter image description here

user_71630970

I found it.

you need to install this official extension to get tailwind css hints.

Tailwind CSS IntelliSense

everything will come true

user_14854790
Related