VSCode 不在 .vue 文件中显示 HTML 属性，而是在 html 文件中显示答案

【问题标题】：VSCode does not show HTML attributes in .vue files but shows in html filesVSCode 不在 .vue 文件中显示 HTML 属性，而是在 html 文件中显示
【发布时间】：2020-07-23 23:30:13
【问题描述】：

我花了 3 个小时弄清楚发生了什么，但找不到。我是 HTML 新手，智能感知可以帮助我随时随地了解标签的许多属性。但是，.vue 文件的 html 属性没有显示出来。

a) "index.html"

中显示的属性

b) "TodoItem.vue"

中没有属性提示

我已经从市场安装了 Vetur、HTML CSS 支持和 Vue VSCode Snippets 扩展。

【问题讨论】：

刚刚尝试输入 type=""。尝试输入双引号
@Anatoly 我什至在发布之前也尝试过。我仍然没有得到提示。 imgur.com/a/Ep489dP
我只有默认设置的 Vetur。
我刚刚输入了 '
@Anatoly 我的错！我正在尝试使用按钮标签而不是输入标签。我不知道我是如何忽略它的。非常感谢。

标签： vue.js visual-studio-code vscode-settings vetur

【解决方案1】：

首先，安装 Vetur 扩展，然后转到

文件 > 首选项 > 设置

在列表中找到并打开 Extensions 找到 Vetur，向下滚动并找到 Template Interpolation Service（必须勾选）。

【讨论】：

这行得通，但它仍然感觉缺少默认的 HTML 自动完成功能。不关闭标签，不建议样式，希望您能以某种方式为此扩展启用 html 内容。
这还是不行。

【解决方案2】：

我找到了。

你需要安装这个官方扩展来获得顺风 css 提示。

Tailwind CSS 智能感知

一切都会成真

【讨论】：