插件小屋
Click To Component

Click To Component

0.0.0.5
2025-05-11
0
0.0
Click To Component - 截图 1Click To Component - 截图 2Click To Component - 截图 3Click To Component - 截图 4Click To Component - 截图 5Click To Component - 截图 6

插件介绍

在浏览器中点击组件,立即在编辑器中打开对应代码。支持自定义配置打开 WebStorm、Cursor、GitHub 等。

在线测试和文档: https://ctc.zjffun.com/

1. 在浏览器中按住 Option(Alt) 点击组件,立即在编辑器中打开对应代码;
2. 在浏览器中按住 Option(Alt) 右键点击组件,展示包含当前组件和父组件的列表;
3. 支持自定义配置打开 WebStorm、Cursor、GitHub 等;
4. 支持 `data-__source-code-location`;
- Vue 使用 [vue-click-to-component](https://www.npmjs.com/package/vue-click-to-component) 生成。
- React 使用 [babel-plugin-transform-react-jsx-data-source-code-location](https://www.npmjs.com/package/babel-plugin-transform-react-jsx-data-source-code-location) 生成。
5. 支持 React `__source` (由 [@babel/plugin-transform-react-jsx-source](https://babeljs.io/docs/babel-plugin-transform-react-jsx-source) 生成)。

你可以将此扩展的“站点访问”配置为“点击时”或“特定站点”,以控制点击组件的脚本注入。


插件详情

评分
0.0星(共5星),共无评分位用户参与评分
使用人数52
版本0.0.0.5
文件大小832KB
提供方zjffun.com
支持语言2 种语言
IDhdiiegojkjkgaakbdjpoaaadhnddpfdc
发布时间2025-05-11 16:38:28