Item logo image for Click To Component

Click To Component

zjffun.com
ExtensionDeveloper Tools93 users
Item media 3 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 2 (screenshot) for Click To Component
Item media 3 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 2 (screenshot) for Click To Component
Item media 3 (screenshot) for Click To Component

Overview

Click a component in your browser to instantly open the source in VS Code, WebStorm, Cursor, GitHub, etc.

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.

Details

  • Version
    0.0.0.5
  • Updated
    April 20, 2025
  • Size
    832KiB
  • Languages
    2 languages
  • Developer
    Website
    Email
    zjffun@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps