HTML Language Features for VSCode

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

• Auto Rename Tag
• Highlight Matching Tag
• Wrap Tag

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

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

Commands

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