Overview Version History Q & A Rating & Review
🧠 Laravel Ninja - VS Code Extension
Laravel Ninja is a powerful VS Code extension built to supercharge your Laravel development workflow. From real-time route previews to Livewire support, Blade IntelliSense, and rich JSON logging – it's your all-in-one Laravel developer assistant.
🚀 Features
🔍 Route Preview (WebView)
View all Laravel routes via php artisan route:list --json
Dynamic filter + column sorting (Method, URI, Name, Action)
Color-coded method badges (GET, POST, PUT, DELETE, etc.)
Dark/Light theme adaptive UI
Clickable controller links to open class and auto-jump to method
Route test buttons (opens in browser)
Multi-method (GET|HEAD
) coloring support
🛠 Route-to-Controller Navigation
Smart detection of controller paths
Works with:
app/Http/Controllers
Modules/...
src/...
Custom PSR-4-style structures
Jumps to exact method in controller (if found)
🧪 Test Endpoint Preview
"Test" button for each route opens in browser using base URL (configurable via laravelNinja.appUrl
)
🌈 Log Viewer (CoolorsLog Style)
Parses storage/logs/*.log
Auto-refresh toggle
Search/filter bar
Auto JSON rendering (pretty format for JSON payloads)
Collapsible grouped logs (e.g., by timestamp/request ID)
Supports highlighting timestamps
🔦 Blade File IntelliSense
Blade syntax highlighting (via internal grammar injection)
Go to Blade Components (with @component
and @include
support)
Livewire component detection and navigation
Blade formatter with Auto Format on Save support
🔁 Workspace Module Tabs
Workspace-aware sidebar that detects Laravel modules
Shows custom folder icons using your installed VS Code icon theme (e.g., Material Icons)
🧩 Components Viewer
Search-all-components panel
Live preview of Blade components with props
⚡️ Laravel Tinker Terminal (coming soon)
Interactive shell inside VS Code terminal with Laravel context
✂️ Laravel Snippet Engine
Popular snippets:
@foreach
, @if
, @include
, @livewire
Route, controller, migration, event generators
⚙️ Configuration
Update your .vscode/settings.json
or global settings:
"laravelNinja.appUrl": "http://your-local-url.test"
📦 Commands
Laravel: Route Preview
— Opens the interactive route browser
Laravel: Log Viewer
— Opens JSON-enhanced log viewer
Laravel: Blade GoTo
— Jump to Blade components
Laravel: Format Blade
— Formats current Blade file
Laravel: Component Preview
— Opens Blade component viewer
Laravel: Workspace Explorer
— Shows Laravel module structure
💡 Future Enhancements
Tinker shell support
Built-in API request tester with header/body control
Database table explorer
Livewire prop hover + intellisense
Laravel Forge/Envoyer integrations
🧠 Contribution
We welcome PRs for:
Custom middleware visualization
Laravel Nova/Filament-specific support
Laravel Telescope & Horizon integrations
📸 Screenshots
Will be added soon
🧪 Requirements
PHP >= 8.0
Laravel >= 8.x
VS Code >= 1.65
🔗 License
MIT — Free to use and extend.
👤 Author
Ashik
☕ Support
If this extension helps you, consider buying me a coffee: