Visual studio code comment in HTML files

Question

I am trying Visual Studio Code lately and i've noticed that when i try to add a line comment in an HTML file (using Ctrl+/ or Ctrl+K Ctrl+C) instead of this: <!-- --> , i get this {# #} .

In JS or CSS files the key bindings work just fine and produce the expected result.

So how can i get the proper type of comments in HTML files?

Answer 1

Finally i found what the problem was. I had installed the twig plugin (for the Twig php template engine) and that was causing the comments issue.

Answer 2

I've just installing VSCode 1.1.1 and try to put a comment in an new html file To do so, your new file must be,first, save in .html format and after that, you can use CTRL-K CTRL-C to put a comment and it works.

Hope that help you

Answer 3

If you don't want to disable/uninstall any plugin, you can create a snippet to put a comment. For example, I create a snippet that add HTML comments in a PHP file:

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

You can insert that right after the comment in File > Preferences > User Snippets > {YourExtension}

Then, when you start typing 'chtml' in that kind of files, IntelliSense will prompt that snippet.

Maybe this is a workarround, but it works excellent for me. Hope it helps!

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

Answer 4

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

Answer 5

In your Visual Studio Code windows, go to File->Preferences->Keyboard Shortcut

This will open two files beside each other like in the screenshot below:

here you can change or create your own shortcuts. Like I just replaced Ctrl+KU to Ctrl+/

Hope this will work for you !!

Answer 6

List of extensions known to cause this unwanted behavior (Based on my own experience and other answers):

• Hugo Language and Syntax Support
• Djaneiro
• Nunjucks
• Tornado
• Sublime Babel
• Babel
• Twig
• Django by Baptiste Darthenay (v1.0.0)
• (Feel free to edit this answer and add yours)

You may need to restart code after disabling your extension (I did).

Answer 7

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

Answer 8

Click (Ctrl + KC) to comment the html. Click (Ctrl + KU) to uncomment html.

Answer 9

For others having the problem, the Tornado extension is also a culprit. I had to "disable (workspace)" one by one to find it.

Answer 10

Try uninstalling any python extension packs you may have installed! You can then reinstall the python extension you need individually.

Chances are one of the extensions in the bundle of that extension pack is causing the issue

Answer 11

If you are running Visual Studio Code in Mac . Then first press Cmd + k , Cmd + c immediately after that.

Answer 12

For me, this was caused by the Sublime Babel extension. Disabling it and restarting VS Code fixed the issue: Cmd+K, Cmd+C works again, as does Cmd+/ for toggling. Also, HTML comment blocks are now correctly styled again.

Answer 13

You can configure the file type at the bottom right corner. you probably are on Django HTML. you can set it to HTML.