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
Place your cursor on a component reference (like <x-alert>, flux:input, etc.)
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):
The extension will automatically search common vendor directories
If components aren't found, try adjusting the vendorPaths setting
For deeply nested components, enable enableDeepSearch