Visual Studio 代码 Emmet 不工作

Question

我正在使用 VisualStudioCode 1.20.1 版本。 Emmet 是根据 VSC website.But 内置的，当我尝试使用 VSC IDE 并使用锚标记并参考 class 下拉列表时，class 不是自动建议或识别的vsc.

Answer 1

您将需要此分机：html-class-completion。该功能 而不是 内置于 vscode 中，没有扩展名。然后您需要将其添加到您的用户设置中：

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

而且效果很好。

Answer 2

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

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

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

Answer 3

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

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

Answer 4

我想添加到其他关于 emmet.includeLanguages 的帖子中，您也可以添加 "vue": "html"，例如：

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

Answer 5

Emmet 默认不对 js 文件起作用。要解决该问题，您必须在 vscode 的设置中启用 emmet 缩写 。首先，从任意目录打开 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。

Answer 6

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

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

Answer 7

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

通过从 here 重新安装更新了我的 VScode，现在一切正常。

Answer 8

我运行想要弄清楚的是设置 "emmet.showExpandedAbbreviation" 也会影响在您的 javascript 文件中工作的 emmet。

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

Answer 9

以下对我有用：

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

添加到最后：

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

Answer 10

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

Answer 11

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

Answer 12

"editor.defaultFormatter": "VisualStudioExptTeam.vscodeintellicode"

Answer 13

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

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

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

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

Answer 14

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

对于较新版本的 VSCode，您可以通过选择“代码”>“首选项”>“设置”打开设置，然后搜索“Emmet：包含语言”并在其中简单地添加您的语言。

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

Answer 15

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

Visual Studio 代码 Emmet 不工作

Visual Studio Code Emmet not working

emmet

visual-studio-code