Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Laravel NinjaNew to Visual Studio Code? Get it now.
Laravel Ninja

Laravel Ninja

Microxen Inc

|
18 installs
| (1) | Free
Powerful Laravel toolkit for VS Code: route browser, controller jump, route tester, and more.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🧠 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:

Buy Me a Coffee

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