Visual Studio Code Emmet无法正常工作

Question

我正在使用VisualStudioCode 1.20 .1版本。Emmet是根据VSC网站内置的。但是当我在VSC IDE上尝试并使用锚标记并引用class dropdown-toggle时，该类不会自动被vsc建议或识别。

Answer 1

在 vs 代码用户设置中添加这些

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

Answer 2

以下对我有用：

1. 打开命令面板 ( Ctrl+ Shift+ P)

2. 打开设置 (JSON)

3. 添加到最后：

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

Answer 3

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

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

这样，您可以在js文件中使用emmmet。

Answer 4

我想添加到其他人发布 about emmet.includeLanguages，您也可以添加"vue": "html"，例如：

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

Answer 5

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

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

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

Answer 6

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

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

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

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

Answer 7

我遇到的一个让我发疯的问题是，该设置"emmet.showExpandedAbbreviation"也会影响 javascript 文件中的 emmet 工作。

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

Answer 8

默认情况下， Emmet不适用于 js 文件。要解决该问题，您必须在 vscode 的设置中启用emmet 缩写。首先，从任何目录打开 settings.json：

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

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

现在你必须在 settings.json 中声明你将在 js 文件中使用 emmet :(它非常简单，只需将代码高亮复制并粘贴到代码设置文件中即可）

{
    /*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官方webite。