Code Inspector

Code Inspector 解决的是前端开发中一个很具体的麻烦：在浏览器里看到一个元素，想改它的样式或逻辑，却要在项目里翻半天文件。装上它之后，点击页面上的任意 DOM 元素，IDE 会自动打开并跳到该元素的源代码位置，省去手动搜索的步骤。

主要功能

核心动作就一个：点选元素，跳转源码。它不修改你的源代码，接入方式是在打包工具里加一项配置，对现有项目结构没有侵入。官方提供了 Vue、React、Preact、Solid、Qwik、Svelte、Astro 等框架的在线示例，可以先点开感受跳转效果。

适配范围

打包工具方面支持 webpack、vite、rspack、nextjs、nuxt、umijs；框架方面覆盖 vue、react、preact、solid、qwik、svelte、astro。如果你的项目在这份清单里，基本可以即插即用；不在的话需要先确认兼容性。

适合谁

日常写页面、调样式的前端开发者，尤其是项目文件多、组件嵌套深的时候，点选跳转比全局搜索快得多。对刚接手陌生项目的人也有用，能顺着页面结构快速摸清代码组织。

费用与限制

项目在 GitHub 上开源，文档站提供简体中文和英文界面。它定位是开发辅助工具，只在开发环境发挥作用，不影响生产构建。具体安装命令和配置写法需要看文档，不同打包工具的接入步骤略有差异。