Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Html Language FeaturesNew to Visual Studio Code? Get it now.

Html Language Features

Simon Siefke

|
7,707 installs
| (0) | Free
Html Language Features
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

travis build Version Renovate enabled

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

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft