Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Laravel Component NavigatorNew to Visual Studio Code? Get it now.
Laravel Component Navigator

Laravel Component Navigator

NextMigrant

|
10 installs
| (0) | Free
Navigate Laravel components by clicking on them in your code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Laravel Component Navigator

A Visual Studio Code extension that enhances Laravel development experience by allowing you to navigate to component definitions by clicking on them in your code.

Features

  • Click on Laravel Blade components (e.g., <x-alert> or x-alert) to navigate to their definition files
  • Click on namespaced components (e.g., flux:input, flux:table) to navigate to their definitions
  • Supports vendor components (even those installed via Composer)
  • Supports both standard Blade components and Livewire components
  • Hover over component names to see quick information
  • Highly configurable with multiple path options
  • Smart recursive search for hard-to-locate components

Usage

  1. Place your cursor on a component reference (like <x-alert>, flux:input, etc.)
  2. Use one of these methods to navigate:
    • Click the component name while holding Ctrl (or Cmd on macOS)
    • Right-click and select "Go to Definition"
    • Press F12
    • Use the command palette and run "Go to Laravel Component"

Extension Settings

This extension contributes the following settings:

  • laravelComponentNavigator.componentsPath: Path to Laravel components relative to workspace root (default: "resources/views/components")
  • laravelComponentNavigator.livewireComponentsPath: Path to Livewire components relative to workspace root (default: "app/Http/Livewire")
  • laravelComponentNavigator.vendorPaths: Array of paths to search for vendor components (default: ["vendor", "packages"])
  • laravelComponentNavigator.enableDeepSearch: Enable deeper recursive search for components (default: true)

Requirements

  • Visual Studio Code v1.60.0 or higher
  • A Laravel project with components

Tips for Vendor Components

For vendor components like Flux (e.g., flux:input, flux:table):

  1. The extension will automatically search common vendor directories
  2. If components aren't found, try adjusting the vendorPaths setting
  3. For deeply nested components, enable enableDeepSearch

Release Notes

0.1.0

Initial release of Laravel Component Navigator

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft