vue-inspector-plugin v1.0.2

vue-inspector-plugin

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

It supports webpack 4 and 5.

Installation

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

Usage

// vue.config.js
const VueInspectorPlugin = require('vue-inspector-plugin');

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

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