Visual Studio Code中的Emmet有问题

Question

最近一次更新后，Emmet 的工作方式有些不同（不正确）。

如果我用 Emmet 语法输入常规代码，例如：

.row>.col*2

并按下 Tab 没有反应。

如果我输入：

h1{Some title}

如果我将光标放在括号外按下Tab键，它也不能工作，但是如果我将光标放在括号内，然后按下Tab键 - 这种情况下它就会起作用。

这是我的Visual Studio Code配置：

"editor.fontSize": 12,
"editor.wordWrap": "on",
"editor.wrappingIndent": "indent",
"editor.minimap.enabled": true,
"workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 0,
"window.openFilesInNewWindow": "off",
"window.openFoldersInNewWindow": "on",
"workbench.welcome.enabled": false,
"workbench.colorTheme": "Default Light+",
"[stylus]": {
    "editor.quickSuggestions": {
        "other": false,
        "comments": false,
        "strings": false
    }
},
"emmet.preferences": {
    "stylus.valueSeparator": ": "
},
"git.enableSmartCommit": true

我该怎么修复它？

- LuVR

Answer 1

截至版本1.15.1，这对我有效： 打开您的首选项并添加： "emmet.triggerExpansionOnTab": true 似乎Tab键不再与Emmet相关。 如果您使用的是v1.33.0或更新版本，则还可以打开首选项并输入类似于“trigger expansion”的内容，现在只需简单切换即可。当然，您仍然可以在settings.json文件中执行上述操作。

- Simon

---

谢谢！更具体地说，在Windows上，您需要转到 文件 > 首选项 > 设置 > 输入“Launch” > 单击“在settings.json中编辑”。 - Diego Fortes

这是对我有效的唯一方法 :) 顺便说一下，我正在使用 macOS。 - Blues Clues

Answer 2

我刚遇到了同样的问题，但是原因略有不同。我不仅需要将 triggerExpansionOnTab 设置为 true，而且还需要在 settings.json 文件中设置包含的语言。

在我的情况下，Emmet 没有激活 blade.php 文件。因此，我需要在 includedLanguages 部分中添加 "blade":"html"。

完整示例:

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascript",
    "vue-html": "html",
    "php": "html",
    "blade": "html",
}

可能添加以下内容也会有所帮助：

"emmet.useNewEmmet": true,

- Brad Ahrens

Answer 3

我阅读了一篇更新的评论，发现Visual Studio Code删除了 Tab 键以扩展Visual Studio Code中的Emmet 2.0缩写。

- LuVR

Answer 4

Tab在Emmet中已不再可用，正如Lukavis所提到的那样。虽然很遗憾，但您仍可以：

1. 转到菜单文件→首选项→键盘快捷方式
2. 搜索“emmet”
3. 找到editor.emmet.action.expandAbbreviation
4. 使用Ctrl+Tab 或任何您喜欢的键绑定...

- Chuyi Huang

---

这有点不对。请参考Brad Ahrens的答案中的"emmet.triggerExpansionOnTab"，它将允许您再次使用tab键。 - Llanilek