@neurora/code-inspector-vite
v1.3.3
Published
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
Downloads
9
Maintainers
Readme
@neurora/code-inspector-vite
Vite plugin for code-inspector with floating ball UI enhancement.
✨ Features
Enhanced Vite integration for the code-inspector ecosystem:
- 🎯 Floating Ball UI - Draggable interface for better developer experience
- 🔄 Mode Switching - Toggle between "Copy Path" and "Open Editor" modes
- ⚡ Vite Optimized - Built specifically for Vite's architecture
- 🔥 HMR Support - Full hot module replacement compatibility
- 🎨 Framework Agnostic - Works with React, Vue, Svelte, and more
📦 Installation
npm i @neurora/code-inspector-vite -D
# or
yarn add @neurora/code-inspector-vite -D
# or
pnpm add @neurora/code-inspector-vite -D🚀 Quick Start
// vite.config.js
import { defineConfig } from 'vite';
import { ViteCodeInspectorPlugin } from '@neurora/code-inspector-vite';
export default defineConfig({
plugins: [
ViteCodeInspectorPlugin({
behavior: {
enable: true,
enableFloatingBall: true // Enable floating ball UI
}
}),
],
});🔗 Related Packages
- @neurora/code-inspector-plugin - Main plugin package with all bundler support
- @neurora/code-inspector-core - Core functionality
📚 Documentation
For detailed usage and configuration:
📄 License
MIT © zh-lx & Neurora Contributors
