vite-plugin-inspector

📖 Introduction

A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically. It supports Vue & React & Svelte & ...

🎉 Almost support all web frameworks (Vue、React、Rreact、Svelte ......)

👏 Almost support all editor（Vscode、Sublime、Atom、Webstorm、IDEA ......)

📦 Installation

# pnpm
pnpm install vite-plugin-inspector -D

# yarn
yarn add vite-plugin-inspector -D

# npm
npm install vite-plugin-inspector -D

🛠 Usage

Configuration Vite

// demo vue , react or svelte
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import inspector from "vite-plugin-inspector";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [inspector(), vue()],
});

Options

interface VitePluginInspectorOptions {
  route?: string; // middleware listen path
}