如何快速定位react组件源码

react中快速定位组件的插件，windows同时按下 Shift和Alt，鼠标点击网页元素，在对应代码编辑器即可显示对应组件源码位置

快速定位组件：插件code-inspector-plugin

npm install code-inspector-plugin

如果是vite起的react项目则直接在vite.config.ts配置文件中配置如下

import { codeInspectorPlugin } from 'code-inspector-plugin'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    codeInspectorPlugin({
      bundler: 'vite',
      editor: 'cursor',      // 关键配置：指定用 Cursor 打开
    }),
  ],
})