code-inspector

English Doc | 中文文档 | Read Docs for More

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

• vue online demo
• react online demo
• preact online demo
• solid online demo

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

Please check here for complete access and usage information: code-inspector-plugin configuration

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

• The following bundlers are currently supported:
  ✅ webpack
  ✅ vite
  ✅ rspack
• The following Web frameworks are currently supported:
  ✅ vue2
  ✅ vue3
  ✅ react
  ✅ preact
  ✅ solid
• The following code editors are currently supported:
  VSCode | Visual Studio Code - Insiders | WebStorm | Atom | HBuilderX | PhpStorm | PyCharm | IntelliJ IDEA

Special thanks to the contributors of this project:

For any usage issues, please leave a message below my Twitter post or submit an issue on Github.

For Chinese users, you can you can join the QQ group 769748484 add the author's WeiXin account zhoulx1688888 for consultation and feedback: