HTML 文件中的 Visual Studio 代码注释

Question

我最近在尝试 Visual Studio Code，我注意到当我尝试在 HTML 文件中添加行注释（使用 Ctrl+/ 或 Ctrl+K Ctrl+C）而不是这个：

<!-- -->

，我明白了

 {# #}

.

在 JS 或 CSS 文件中，键绑定工作正常并产生预期的结果。

那么我怎样才能在 HTML 文件中获得正确类型的评论呢？

Answer 1

终于找到问题所在了。我已经安装了 twig 插件（用于 Twig php 模板引擎），这导致了评论问题。

Answer 2

我刚刚安装了 VSCode 1.1.1 并尝试在新的 html 文件中添加评论为此，您的新文件必须首先以 .html 格式保存，然后，您可以使用 CTRL-K CTRL-C 来发表评论并且它有效。

希望对你有帮助

Answer 3

如果您不想禁用/卸载任何插件，您可以创建一个片段来发表评论。例如，我创建了一个在 PHP 文件中添加 HTML 注释的片段：

    "comment HTML": {
      "prefix": "chtml",
      "body": ["<!-- $1 -->"],
      "description": "Comment HTML line"
    }

您可以在文件 > 首选项 > 用户代码段 > {YourExtension} 中的评论之后插入它

然后，当您开始在此类文件中键入“chtml”时，IntelliSense 会提示该片段。

也许这是一个解决方法，但对我来说效果很好。希望对您有所帮助！

Answer 4

对我来说，它是 (Djaneiro) 扩展，它使 html 文件默认为 django 模板，因此导致 HTML 中的注释错误（按 ctrl + / 时）（用 {% comment %} 评论他们）

Answer 5

已知会导致这种不良行为的扩展列表（根据我自己的经验和其他答案）：

您可能需要在禁用扩展程序后重新启动代码（我这样做了）。

Answer 6

在您的 Visual Studio Code 窗口中，转到文件->首选项->键盘快捷键

这将打开彼此相邻的两个文件，如下面的屏幕截图所示：

在这里您可以更改或创建自己的快捷方式。就像我刚刚将 Ctrl+KU 替换为 Ctrl+/

希望这对你有用!!

Answer 7

对我来说，有问题的扩展是 Nunjucks（模板语言插件假定每个 .html 文件都是一个 nunjucks html 模板）

Answer 8

对于其他有问题的人，Tornado 扩展也是罪魁祸首。我不得不一一“禁用（工作区）”才能找到它。

Answer 9

尝试卸载您可能已安装的任何 python 扩展包！然后，您可以单独重新安装所需的 python 扩展。

可能是该扩展包捆绑包中的扩展之一导致了问题

Answer 10

点击（Ctrl + K C）评论html。单击 (Ctrl + K U) 取消注释 html。

Answer 11

对我来说，这是由 Sublime Babel 扩展引起的。禁用它并重新启动 VS Code 解决了这个问题：

Cmd+K, Cmd+C

再次工作，

Cmd+/

用于切换。此外，HTML 注释块现在再次正确设置了样式。

Answer 12

您可以在右下角配置文件类型。你可能在使用 Django HTML。您可以将其设置为 HTML。