webpack-vue-plugin-inspector

Help you quickly locate code in IDE

Install

# yarn
yarn add webpack-vue-plugin-inspector -D

# npm
npm install webpack-vue-plugin-inspector -D

Usage

only support webpack as so far

• win(default): control(left) + click
• mac(default): command(left) + click

const { webpackPlugin, pluginServerV4, pluginServerV5} = require('webpack-vue-plugin-inspector/webpack')

module.exports = defineConfig({
  ...
  devServer: {
    // using pluginServerV4 when vue/cli is 4.x.x
    ...pluginServerV5
  },
  configureWebpack: {
    plugins: [
      webpackPlugin({})
    ]
  }
  // use custom key as shortcuts
  configureWebpack: {
    plugins: [
      webpackPlugin({
        key: 'your key shortcuts'
      })
    ]
  }
})

Attention

You need to add environment variables in vscode