如何在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代码段

- SaidbakR

Answer 1

settings.json Ctrl+,

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

- Alex

---

我发现这些设置的值如下：false，false，inline。在将它们修改为答案中所述的值后，它按照我的需求正常工作。 - SaidbakR

“top”条件会影响其他事情，例如，当您想输入“class”时，“class”的提示不会首先显示。而是会显示“clg”。因此，实际上并不实用。 - William Hou

Answer 2

在最新版本的vs code中，您需要使用Ctrl +，键进入设置并搜索Emmet。 勾选Emmet: Show Suggestions As Snippets和Emmet: Trigger Expansion On Tab的复选框，即可使用Emmet功能。

- Abhishek

Answer 3

将其添加到setting.json中

"emmet.includeLanguages": {
"javascript": "javascriptreact"}

别忘了在上面这段代码的闭合括号后面添加逗号。

- Zachary Song