Visual studio code Visual Studio代码Emmet不工作

Visual studio code Visual Studio代码Emmet不工作,visual-studio-code,emmet,Visual Studio Code,Emmet,我正在使用VisualStudioCode 1.20版本。Emmet是根据VSC网站内置的。但当我在VSC IDE上尝试并使用锚定标记和引用类下拉切换时,该类不会被VSC自动建议或识别。您将需要此扩展:。该功能是而不是内置在vscode中,没有扩展。然后,您需要将其添加到您的用户设置中: "html-css-class-completion.enableEmmetSupport": true, 它工作得非常好。在vscode用户设置中,添加 “emmet.includeLanguages”:{

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

您将需要此扩展:。该功能是而不是内置在vscode中,没有扩展。然后,您需要将其添加到您的用户设置中:

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

它工作得非常好。

在vscode用户设置中,添加

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


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

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

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

我想在其他帖子中添加关于emmet.includeLanguages的内容,您也可以添加
“vue”:“html”
,例如:

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

默认情况下,Emmet不在js文件中工作。要解决此问题,必须在vscode的设置中启用emmet缩写。 首先,从任意目录打开settings.json:

vim ~/.config/Code/User/settings.json
更具体地说,在windows上,您需要转到文件>首选项>设置>键入“启动”>单击“在Settings.json中编辑”

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

现在保存它。无需重新启动vscode

有关更多详细信息,请参阅vscode官方网站。

使用aspnetcorerazor和razor语言选项,在
设置.json文件中添加以下代码:

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

尝试了以上所有方法,但都无效


通过从重新安装更新了我的VScode,现在一切都很顺利。

我遇到了一件让我抓狂的事情,我试图弄明白设置“emmet.showExpandedAbbreviation”
也会影响emmet在javascript文件中的工作

要解决此问题,请将其从
设置.json中删除或设置为:

“emmet.showexpandedabrevision”:“始终”

以下内容对我很有用:

  • 打开命令选项板(Ctrl+Shift+p)

  • 打开设置(JSON)

  • 在末尾添加:

    “emmet.showSuggestionAssnippets”:正确,
    “文件.关联”:{
    “*html”:“html”,
    *njk:“html”
    },
    

  • 只需卸载与HTML或CSS相关的扩展
    它对我来说很好

    这发生在HTML文件中,因为另一个扩展名(用于PythonWeb框架Django)覆盖了.HTML文件类型,而没有关闭它的方法。我删除了扩展名,重新启动了VSCode,现在它又开始工作了。

    “editor.defaultFormatter”:“VisualStudioExptTeam.vscodeintellicode”
    检查文件扩展名图标,它是显示为html5还是显示为dj(代表django)

    如果它显示为dj,那么就有Django-VSCode扩展名。你可以做两件事:

    • 拆下Django延长件
    • 将“django html”:“html”
    添加到emmet.includeLanguages(根据此),因此我的现在看起来如下所示:
    “emmet.includeLanguages”:{
    “vue html”:“html”,
    “javascript”:“javascriptreact”,
    “django html”:“html”,
    },
    
    “它不起作用。”请参阅和您的问题,以明确您需要什么帮助。在Emmet的上下文中,不起作用是非常清楚的,Emmet是一个html自动完成系统。谢谢,这为我修复了它。此[链接]()显示了启用Emmet支持的语言和我们选择的语言之间映射的配置。然而,我无法从Emmet获得建议,因此我不得不按照@tienl的建议为“javascript”添加一个重复条目以使其正常工作。您可能遇到了与我相同的问题,我尝试了所有方法,包括您的解决方案。这就是为我所做的,
    “vue html”
    本身是不够的,添加了
    “vue”
    条目也有效。此代码
    “emmet.triggereExpansionTab”:true
    适用于我。当你不小心输入了一些东西(例如,段落标记是pa而不是p),你删除了字母“a”,然后按tab,没有这个代码,emmet将无法工作。亲爱的上帝。。。基本上我也是。该设置不在my settings.json中,即使在我使用VSCode用户界面切换设置时它看起来是这样的。所以-一旦我打开settings.json,我看到它丢失了,就添加了它,然后重新启动。。。最后我得到了emmet intellisense的东西!非常感谢你。
    "emmet.includeLanguages": { "aspnetcorerazor" : "html", "razor" : "html" }