Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>NuxtUI CodeLensNew to Visual Studio Code? Get it now.
NuxtUI CodeLens

NuxtUI CodeLens

LeVund

|
2 installs
| (0) | Free
Nuxt UI documentation and helpers inside VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

NuxtUI CodeLens

VS Code extension that brings Nuxt UI component intelligence directly into your editor.

Requires Nuxt UI v3 or v4.

Features

  • CodeLens for every component — above each <U…> tag, interactive lenses list the component's props, slots, events, v-models, and UI keys at a glance

Code lens example

  • One-click documentation

Example of official documentation in panel

  • One-click props injection

Example of the interactive tree of component elements

  • Auto version detection — reads @nuxt/ui from package.json and targets the correct v3 or v4 documentation automatically

Settings

Setting Default Description
nuxtUiCodeLens.version auto Force v3, v4, or auto-detect from package.json
nuxtUiCodeLens.codeLens.enabled true Enable or disable CodeLens on Nuxt UI component tags
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft