Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Custom Element Scanner (alpha)New to Visual Studio Code? Get it now.
Custom Element Scanner (alpha)

Custom Element Scanner (alpha)

JanKretschmer

|
403 installs
| (0) | Free
Scans for custom elements files in your project and makes them available to hmlt language service
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Custom Data Scanner

Visual Studio Code extension (market place link) that discovers custom element definitions in your workspace and makes them available to the html-language-service of vscode.

How?

Looks for customElements field in all package.json files it discovers, but can also be configured to also look for costum-elements.json files directly.

Supports the following formats:

  • vscode-custom-data
  • custom-elements.json (is auto-converted to vscode format)

Adds a Custom Elements View Container to VSCode that gives an overview of the definitions that have been discovered.

Options

customElementScanner.mode

Options: "auto", "manual" (default)

Can be toggled using search icon in top of view.

  • "auto": Scans project automatically. (might become slow on large projects)
  • "manual": Scans project only when you hit refresh button at the top of the panel. Stores discovered custom-element files in workspace settings.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft