click-to-component-browser-extension

English | 简体中文

Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code.

Features

Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code.
Option+RightClick(Alt+RightClick) opens a context menu with the parent components.
Support custom configuration to open WebStorm, Cursor, GitHub, etc.
Support data-__source-code-location
- Vue using vue-click-to-component generate.
- React using babel-plugin-transform-react-jsx-data-source-code-location generate.
Support React __source (generated by @babel/plugin-transform-react-jsx-source).

React click component to open the code

Vue click component to open the code

Customize editor or URL

Install

Open Click To Component - Chrome Web Store;
Click Add to Chrome;

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