Click To Component

👥 246 users

📦 v0.0.0.7

💾 828KiB

📅 2025-12-27

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Online demo & document: https://ctc.zjffun.com/

1. Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code.
2. Option+RightClick(Alt+RightClick) opens a context menu with the parent components.
3. Support custom configuration to open WebStorm, Cursor, GitHub, etc.
4. Support `data-__source-code-location`
- Vue using [vue-click-to-component](https://www.npmjs.com/package/vue-click-to-component) generate.
- React using [babel-plugin-transform-react-jsx-data-source-code-location](https://www.npmjs.com/package/babel-plugin-transform-react-jsx-data-source-code-location) generate.
5. Support React `__source` (generated by [@babel/plugin-transform-react-jsx-source](https://babeljs.io/docs/babel-plugin-transform-react-jsx-source)).

You can config `Site access` to `On Click` or `On specific sites` for this extension to control click-to-component script inject.