开发环境点击页面可以定位到 IDE 代码

webpack-code-inspector-plugin

中文文档 | English Doc | vite-code-inspector-plugin

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ow2bagqt-1687156169159)(null)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qPmMwVFa-1687156169795)(null)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gIQDtPwY-1687156171098)(null)]

---

📖 介绍

点击页面上的元素，能够自动打开你的代码编辑器并将光标定位到元素对应的代码位置。

🚀 安装

npm i webpack-code-inspector-plugin -D
# or
yarn add webpack-code-inspector-plugin -D
# or
pnpm add webpack-code-inspector-plugin -D

🌈 使用

1. 配置 vue.config.js 或 webpack.config.js

• 如果你使用的是 vue.config.js, 添加如下配置:

  // vue.config.js
  const WebpackCodeInspectorPlugin = requ