vscode vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐 Alt+Shift+鼠标左键

作用

alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码

项目地址

https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md

使用方法

npm i webpack-code-inspector-plugin -D

vue.config.js

// vue.config.js
const WebpackCodeInspectorPlugin = require('webpack-code-inspector-plugin');

module.exports = {
  // ...other code
  chainWebpack: (config) => {
    // add this configuration in the development environment
    config
      .plugin('webpack-code-inspector-plugin')
      .use(new WebpackCodeInspectorPlugin());
  },
};