Skip to content

A webpack plugin implements automatically open corresponding file in vscode when click element in browser.

License

Notifications You must be signed in to change notification settings

varHarrie/vue-inspector-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-inspector-plugin

A plugin implements automatically open corresponding file in vscode when click element in browser.

Compatibility

vue 2 vue 3
vite
webpack 4
webpack 5

Installation

npm install --save-dev vue-inspector-plugin

Usage

  • Vite
// vite.config.js
import { defineConfig } from 'vite';
import VueInspector from 'vue-inspector-plugin/vite';
import Vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [Vue(), VueInspector()],
});
  • Webpack
// vue.config.js
const VueInspector = require('vue-inspector-plugin/webpack').default;

module.exports = {
  chainWebpack(config) {
    config.plugin('VueInspector').use(VueInspector());
  },
};

Options

  • rootDir: The directory where src resides, defaults to process.cwd().
  • modifierKey: The modifier key that should be pressed at the same time when clicking, defaults to ctrl.

Snapshot

snapshot

About

A webpack plugin implements automatically open corresponding file in vscode when click element in browser.

Resources

License

Stars

Watchers

Forks

Packages

No packages published