Visual Studio Code 中没有 HTML 建议

Question

我已经下载 了最新的 Visual Studio Code 并正在尝试编写一些 HTML 代码。例如， <div>, <a>, <p> 标签。但是，Visual Studio Code 中没有 HTML 建议：

我读过 这篇文章，它说：

Visual Studio Code 开箱即用地提供了对 HTML 编程的基本支持。

但是，我尝试安装 HTML 扩展：

此外，我在 settings.json 文件中打开了 HTML5 建议：

 {
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.activityBar.visible": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "window.zoomLevel": 0,
    "html.suggest.html5": true,
}

然而，HTML、CSS 建议不起作用。

我可以做什么来根据建议进行编码？

原文由 StepUp 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我认为问题是 Visual Studio Code 没有正确检测文件类型。如果您在这些图片中注意到，vscode 已通过屏幕右下角文件名和语言指示符旁边的图标 <> 正确检测到我正在编写 html 文件。

在您的情况下，语言指示器很可能会显示 plain text 。单击它，屏幕顶部中央应出现一个菜单。然后尝试以下操作：

1. 启用 Auto Detect 。我认为这将是第一个选项。
2. 选择 Configure File Association for '.html'...
3. 2也可以通过添加来完成

“files.associations”: { “*.html”: “html” }

到您的设置。

或者只需添加到 settings.json (File -> Preferences -> Settings) ：

 {
     // Configure file associations to languages (e.g. "*.extension": "html"). These have
     //precedence over the default associations of the languages installed.
     "files.associations":  { "*.html": "html" },
}

原文由 fanduin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

去

文件 > 首选项 > 设置 > 扩展 > Emmet

然后点击

( C:\Users\Code\User\settings.json ) #

以供参考

添加以下代码：-

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

保存文件。

原文由 Vinit Prajapati 发布，翻译遵循 CC BY-SA 4.0 许可协议