Skip to content
Lazy Docs

Treesitter Autotag

Treesitter Autotag is a powerful plugin that uses treesitter to automatically close and rename HTML/XML tags, making web development more efficient.

What Problem Does It Solve?

Manual tag management in HTML/XML can be:

  • Time-consuming
  • Error-prone
  • Disruptive to workflow
  • Inconsistent
  • Tedious

How It Improves Productivity

  1. Automatic Tag Management:

    • Auto-closing tags
    • Auto-renaming tags
    • Smart tag handling
    • Context-aware completion

  2. Efficient Workflow:

    • Faster coding
    • Reduced errors
    • Better consistency
    • Improved focus

  3. Advanced Features:

    • Multiple file types
    • Custom tag rules
    • Language-specific settings
    • Easy to extend

How to Use

Basic Usage

  • Type opening tag
  • Closing tag is automatically added
  • Rename opening tag to update closing tag
  • Works with multiple tags

Supported File Types

  • HTML
  • XML
  • JSX
  • TSX
  • Vue
  • Svelte

Integration

  • Works with treesitter
  • Compatible with LSP
  • Supports multiple languages
  • Works with snippets