Visual Studio Code Emmet 不工作答案

【问题标题】：Visual Studio Code Emmet not workingVisual Studio Code Emmet 不工作
【发布时间】：2018-07-31 00:40:40
【问题描述】：

我正在使用 VisualStudioCode 1.20.1 版本。 Emmet 是根据 VSC 网站内置的。但是当我尝试使用 VSC IDE 并使用锚标记并引用类下拉切换时，vsc 不会自动建议或识别该类。

【问题讨论】：

标签： visual-studio-code emmet

【解决方案1】：

在你的 vscode 用户设置中，添加

"emmet.includeLanguages": { “javascript”：“html” }

这样你就可以在你的js文件中使用emmmet了。

【讨论】：

谢谢，这已经帮我解决了。
这个 [链接] (code.visualstudio.com/docs/editor/emmet#_emmet-configuration) 显示了启用 Emmet 支持的语言和我们选择的语言之间的映射的配置。但是我无法从 Emmet 那里得到建议，所以我不得不按照上面@tienl 的建议为“javascript”添加一个重复条目以使其正常工作。

【解决方案2】：

在 vs code 用户设置中添加这些

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "razor": "html",
    "plaintext": "jade"
}

【讨论】：

此代码 "emmet.triggerExpansionOnTab": true 适合我。当你不小心输入了一些东西（例如，段落标签用 pa 而不是 p）并且你删除了字母“a”并按了 tab，没有这个代码 emmet 将无法工作。
嘿，它在 .html 文件脚本标签内不起作用，你能帮忙解决这个问题吗，使用上面的代码，我在 js、vue 和 HTML 文件中得到了 emmet 自动建议，但不在 strip 标签之间@ 987654323@

【解决方案3】：

以下内容对我有用：

打开命令面板 (Ctrl + Shift + P)
打开设置 (JSON)

添加到末尾：

"emmet.showSuggestionsAsSnippets": true,
"files.associations": {
    "*html": "html", 
    "*njk": "html"
},

【讨论】：

【解决方案4】：

我想在其他人的帖子中添加emmet.includeLanguages，你也可以添加"vue": "html"，所以喜欢：

"emmet.includeLanguages": { 
        "vue-html": "html",
        "vue": "html",
        "javascript": "html"
    }

【讨论】：

这是为我做的，"vue-html" 本身是不够的，还添加了 "vue" 条目并且它起作用了。

【解决方案5】：

Emmet 默认不适用于 js 文件。要解决这个问题，您必须在 vscode 的设置中启用 emmet abbreviation。首先，从任意目录打开 settings.json：

vim ~/.config/Code/User/settings.json

更具体地说，在 Windows 上，您需要转到文件 > 首选项 > 设置 > 输入“启动”> 点击“在 settings.json 中编辑”

现在您必须在 settings.json 中声明您将在 js 文件中使用 emmet：（非常简单，只需将代码highligted复制并粘贴到代码设置文件中）

{
    /*here are your existing settings*/
    /*THE CODE BELOW*/
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "razor": "html",
        "plaintext": "jade"
    }
     /*^^^^THE CODE ABOVE^^^^*/
}

现在只需保存它。不需要重启 vscode。

更多详情请看vscode官网that post。

【讨论】：

【解决方案6】：

我遇到的一些让我发疯的事情是"emmet.showExpandedAbbreviation" 设置也会影响 emmet 在您的 javascript 文件中的工作。

要解决此问题，请将其从您的 settings.json 中删除或将其设置为： "emmet.showExpandedAbbreviation": "always"

【讨论】：

亲爱的上帝……这基本上也是我。该设置不在我的 settings.json 中，尽管它似乎是在我使用 VSCode UI 切换我的设置时。所以 - 一旦我打开 settings.json 我发现它丢失了，添加它，重新启动......最后我得到了 emmet intellisense 的东西！非常感谢。

【解决方案7】：

检查文件扩展名图标，它显示为 html5 还是 dj（代表 django）？

如果它显示为 dj，那么你有 Django VSCode 扩展。你可以做两件事：

删除 Django 扩展
将"django-html": "html" 添加到 emmet.includeLanguages（根据此issue），所以我的现在看起来像这样：

  "emmet.includeLanguages": {
    "vue-html": "html",
    "javascript": "javascriptreact",
    "django-html": "html",
  },

【讨论】：

【解决方案8】：

问题是您需要在设置文件中包含语言。

使用较新版本的 VSCode，您可以通过选择“代码”>“首选项”>“设置”打开设置，然后搜索“Emmet：包含语言”并在此处添加您的语言。

我这样做只是为了让 emmet 处理我的反应代码。

【讨论】：

【解决方案9】：

使用 aspnetcorerazor 和 razor 语言选择在您的 setting.json 文件中添加以下代码：

"emmet.includeLanguages": { "aspnetcorerazor" : "html", "razor" : "html" }

【讨论】：

【解决方案10】：

这发生在我的 HTML 文件中，因为另一个扩展（对于 Django，一个 Python Web 框架）正在覆盖 .HTML 文件类型，而无法将其关闭。我删除了扩展，重新启动了 VSCode，现在它又可以工作了。

【讨论】：

【解决方案11】：

您将需要此扩展名：html-class-completion。该功能在没有扩展的情况下不内置于 vscode。然后您需要将其添加到您的用户设置中：

"html-css-class-completion.enableEmmetSupport": true,

而且效果很好。

【讨论】：

【解决方案12】：

以上都试过了，还是不行。

通过从here 重新安装它更新了我的 VScode，现在一切都像魅力一样运行。

【讨论】：

您可能遇到了与stackoverflow.com/a/61432809/4223679相同的问题
我尝试了所有方法，包括您的解决方案。

【解决方案13】：

只需卸载与 HTML 或 CSS 相关的扩展它对我很有效

【讨论】：

【解决方案14】：

"editor.defaultFormatter": "VisualStudioExptTeam.vscodeintellicode"

【讨论】：

【解决方案15】：

在您的 setting.json 文件中添加这一行 "emmet.triggerExpansionOnTab": true,。然后！ tab 会完成这项工作。

【讨论】：