suminerProxy / code-inspector

点击页面元素，可以自动定位至编辑器元素对应源代码，支持 webpack 和 vite

code-inspector

English Doc | 中文文档

---

📜Introduction

Click the element on the page, it will automatically open the code editor and position the cursor to the source code of the element.

📦Usage

• Webpack: webpack-code-inspector-plugin
• Vite: vite-code-inspector-plugin

🎨Support

The following are which compilers, web frameworks and editors we supported now:

• Compiler Support
  • ✅ webpack()
  • ✅ vite
• Web Framework Support
  • ✅ vue(2.x/3.x)
  • ⬜ react
  • ⬜ svelte
  • ⬜ solid
  • ⬜ preact
  • ⬜ lit
• Editor Support
  • ✅ VSCode
  • ✅ Sublime Text
  • ✅ webstorm
  • ✅ phpstorm
  • ✅ HBuilderX
  • ✅ atom
  • ✅ brackets
  • ✅ VSCodium
  • ✅ appcode
  • ✅ clion
  • ✅ idea
  • ✅ pycharm
  • ✅ rubymine
  • ✅ MacVim
  • ✅ goland
  • ✅ rider