如何在 Visual Studio Code 中像 Sublime Text 一样自动完成 tag.className

Question

在 sublime Text 2 书写中，div.panel然后按 Tab 键或自动完成触发器，在 HTML 文档中生成<div class="panel"></div>

我试图在 Visual Studio Code 1.17.1 版中获得相同的结果，但我无法获得。

我正在使用以下插件：

• 自动关闭标签
• HTML CSS 支持
• HTML 片段

Answer 1

设置.json Ctrl +,

"emmet.triggerExpansionOnTab": true,
"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "top"

Answer 2

在最新版本的 VS Code 中，您需要使用 Ctrl+ 键进入设置并搜索 Emmet。勾选checkbox，您将能够使用 Emmet 功能Emmet: Show Suggestions As Snippets。Emmet: Triger Expansion On Tab