https://github.com/hunghg255/vite-plugin-reactjs-inspector

Vite Plugin React Inpsector
https://github.com/hunghg255/vite-plugin-reactjs-inspector

inspector plugin react vite

Last synced: about 2 months ago
JSON representation

Vite Plugin React Inpsector

• Host: GitHub
• URL: https://github.com/hunghg255/vite-plugin-reactjs-inspector
• Owner: hunghg255
• License: mit
• Created: 2024-01-04T10:24:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-18T02:58:33.000Z (5 months ago)
• Last Synced: 2024-11-10T18:51:10.797Z (2 months ago)
• Topics: inspector, plugin, react, vite
• Language: JavaScript
• Homepage:
• Size: 8.69 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        










  A plugin inspector reactjs element for Vitejs





  

  

  

  

  









## 📖 Introduction

A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically.

![demo](https://raw.githubusercontent.com/hunghg255/vite-plugin-reactjs-inspector/main/public/demo.gif)

## 📦 Installation

```bash

npm install vite-plugin-reactjs-inspector -D

```

## 🦄 Usage

### Configuration Vite

```ts

import react from '@vitejs/plugin-react'

import { defineConfig } from 'vite'

import VitePluginReactInspector from 'vite-plugin-reactjs-inspector/vite'

// https://vitejs.dev/config/

export default defineConfig({

  plugins: [react(), VitePluginReactInspector()],

})

```