Skip to content

HTML Language Features for VSCode

Important: The following features have been moved into a separate extension

Auto Rename Tag
Highlight Matching Tag
Wrap Tag

Demo

Note: for this to work, you need to disable:

the built in html-language-features extension
the built in emmet extension

Commands

Command	Keybinding
Html: Wrap selection with tag	`alt+w`

Settings

You can specify custom data inside your vscode settings. Make sure to specify categories for custom tags, otherwise they won't show up.

{
  "html.customData": {
    "tags": {
      "my-button": {
        "description": "Custom button element",
        "categories": ["flow content", "phrasing content", "palpable content"]
      }
    }
  }
}

Credits

This project is based on vscode-html-language-service and vscode-html-language-features The descriptions for tags and attributes are taken from MDN and Whatwg