HTML 文件中的 Visual Studio 代码注释

Posted 2023-02-21

【中文标题】HTML 文件中的 Visual Studio 代码注释

【英文标题】：Visual studio code comment in HTML files

【发布时间】：2016-09-15 16:11:33

【问题描述】：

我最近在尝试 Visual Studio Code，我注意到当我尝试在 html 文件中添加行注释时（使用 Ctrl+/ 或 Ctrl+K Ctrl+C）而不是这样：<!-- -->，我得到这个# #。

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

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

【问题讨论】：

对我来说，罪魁祸首是 Jinja 语法支持花了我一段时间来做试验错误

【参考方案1】：

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

【讨论】：

我快疯了！谢谢！

谢谢 :) 如果您需要 Twig 支持，请安装此扩展程序：marketplace.visualstudio.com/…

也可能是这个，看起来功能比较多：marketplace.visualstudio.com/…

我确认。问题在于 Twig Language 0.9.0 扩展。请改用marketplace.visualstudio.com/… 和/或marketplace.visualstudio.com/…。

【参考方案2】：

我刚刚安装了 VSCode 1.1.1 并尝试在新的 html 文件中添加注释 为此，您的新文件必须首先以 .html 格式保存，然后，您可以使用 CTRL-K CTRL-C 进行注释，然后就可以了。

希望对你有帮助

【讨论】：

好吧，我在一台新机器上安装了最新版本的 VSCode 1.1.1，并且 cmets 可以正常工作。但我的另一台电脑上仍然存在问题（相同版本 1.1.1，但从更新中得到）。我认为这可能是一个配置，而不是 为 HTML 文件返回 # #，我想找到并更改它。否则我会尝试卸载并重新安装。

【参考方案3】：

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

【参考方案4】：

如果你不想禁用/卸载任何插件，你可以创建一个 sn-p 来发表评论。例如，我创建了一个在 PHP 文件中添加 HTML cmets 的 sn-p：

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

您可以在 File > Preferences > User Snippets > YourExtension 中的评论之后插入它

然后，当您开始在此类文件中输入“chtml”时，IntelliSense 将提示该 sn-p。

也许这是一种解决方法，但它对我来说非常有用。希望对您有所帮助！

https://code.visualstudio.com/docs/customization/userdefinedsnippets

【参考方案5】：

在您的 Visual Studio Code 窗口中，转到 File->Preferences->Keyboard Shortcut

这将打开两个并排的文件，如下面的屏幕截图所示：

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

希望这对你有用！！

【参考方案6】：

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

Hugo 语言和语法支持 贾内罗 Nunjucks 龙卷风 崇高的巴别塔 通天塔 树枝 Baptiste Darthenay 的 Django (v1.0.0) （请随时编辑此答案并添加您的答案）

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

【讨论】：

Jinja (by wholroyd) 在嵌入式 css 中使用 ctrl + / 打破评论能力。

【参考方案7】：

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

【参考方案8】：

单击 (Ctrl + K C) 对 html 进行注释。 单击 (Ctrl + K U) 取消注释 html。

【讨论】：

那不是问题，伙计

【参考方案9】：

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

【参考方案10】：

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

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

【参考方案11】：

对我来说，这是由 Sublime Babel 扩展引起的。禁用它并重新启动 VS Code 解决了这个问题：Cmd+K, Cmd+C 再次工作，Cmd+/ 也可以进行切换。此外，HTML 注释块现在再次正确设置样式。

【参考方案12】：

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