VSCode在React中没有自动完成HTML标签

Question

在将VSCode更新到最新版本（1.14，我原来使用的是1.13）之前，当我在处理React项目时，例如输入 div + TAB键时会自动完成。同时，如果我输入div.row，它会自动完成成

，但现在已经不起作用了。 当我输入div并按下TAB键时，它只缩进一行。 我已经安装了HTML Snippets扩展程序。 有人能告诉我如何像以前那样使自动完成功能正常工作吗？

- Julio

---

"emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.showExpandedAbbreviation": "always", "emmet.triggerExpansionOnTab": true, - MartianMartian

Answer 1

Visual Studio Code 1.14引入了一个名为emmet.useNewEmmet的新设置，默认值为true。

当设置为true时，它将默认禁用emmet.triggerExpansionOnTab设置。

将emmet.useNewEmmet更改为false将重新启用制表符展开。

然而，由于useNewEmmet设置是未来的发展方向，我的建议是将useNewEmmet设置为true，但是添加两个额外的设置;

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
    // any other languages you'd like
},
"emmet.showExpandedAbbreviation": "always"

重新添加这两个插件后，重启VS Code将使编辑器再次建议Emmet缩写，并且您将拥有与1.14版本之前相同的行为。

- Henrik Andersson

---

哇，我花了相当长的时间来弄清楚发生了什么。我找到了 includeLanguages 设置，但显然它是错误的（它与你的建议不同）。好消息是现在它又可以完美地工作了。谢谢 Henrik！ - Julio