Laradev - Laravel DevTools

Supercharge Vue DevTools for Laravel! Auto-fixes Open in Editor for Vite, Inertia.js helpers & more.

Laradev is a lightweight Chrome extension built for modern Laravel + Inertia + Vue workflows. It removes friction from local development and gives you powerful introspection tools right inside the browser. Core Features Auto-Fix: “Open in Editor” for Vite Vue DevTools often breaks with Laravel because the app runs on one port while Vite runs on another. Laradev automatically detects your Vite dev server and rewrites editor requests so “Open in Editor” just works—no configuration, no hardcoded ports, no hacks. Inertia Page Intelligence See exactly which Inertia page component is currently active. Displays component name, file path, and route URL in real time. Console Power Tools Instant helpers injected into DevTools: $page — current Inertia page object $props — page props $user — authenticated user (if available) $info() — clean, formatted page overview $debug() — full diagnostic dump $openComponent() — open the current component in your editor $copyPath() — copy component path to clipboard Ziggy Route Helpers Work with Laravel routes directly from the console: $route('users.index') $route('users.show', { user: 1 }) $routes() — list all named routes in a table Built For Laravel + Inertia.js + Vue 3 Laravel + Vite dev environments Any Vue 3 project running on Vite Privacy & Performance No telemetry, no tracking Runs entirely locally Open source and auditable Zero configuration, zero dependencies Requirements Chrome 88 or later Vite dev server Laravel 8+ with Inertia.js Why Laradev Exists Modern Laravel stacks split the app across PHP and Vite, but tooling still assumes a single server. Laradev bridges that gap quietly, so your tools behave the way they should.