@sveltejs/vite-plugin-svelte-inspector

A Svelte inspector plugin for Vite.

Usage

This plugin is automatically installed as a dependency of @sveltejs/vite-plugin-svelte.

You can enable it in svelte.config.js by adding the vitePlugin.inspector option.

// svelte.config.js
export default {
  vitePlugin: {
    inspector: true
  }
};

Now simply press alt-x (option-x on MacOS) on a page served by the Vite dev server to activate inspect mode. Click on a highlighted element to jump to its source code in your editor.

Also check out the docs for customization options.

License

MIT