“Click To Component”的产品徽标图片

Click To Component

zjffun.com
Click To Component的项目媒体 3(屏幕截图)
Click To Component的项目媒体 1(屏幕截图)
Click To Component的项目媒体 2(屏幕截图)
Click To Component的项目媒体 3(屏幕截图)
Click To Component的项目媒体 1(屏幕截图)
Click To Component的项目媒体 1(屏幕截图)
Click To Component的项目媒体 2(屏幕截图)
Click To Component的项目媒体 3(屏幕截图)

概述

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

在线测试和文档: 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 星(5 星制)无评分

详细了解结果和评价。

详情

  • 版本
    0.0.0.7
  • 上次更新日期
    2025年12月27日
  • 大小
    828KiB
  • 语言
    2 种语言
  • 开发者
    网站
    邮箱
    zjffun@gmail.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

管理扩展程序并了解它们在组织中的使用情况
该开发者已披露,此产品不会收集或使用您的数据。

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

支持

相关

Gimli Tailwind

4.4

A DevTools extension enabling smart tools for Tailwind CSS.

React1s

5.0

点击页面元素跳转到编辑器

React Click To Component

3.7

React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Click to component

0.0

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Spy

4.7

Find code from UI, or, find UI from code!

click-to-react-component

3.4

Option+Click React components in your browser to instantly open the source in VS Code

HTML to JSX

0.0

HTML to JSX Converter Description Easily convert HTML to JSX(ReactJS) with our powerful and intuitive Chrome extension! Whether…

React-DomPicker

4.4

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

DivMagic - 复制样式

3.3

将任何网页中的元素复制为可重用的 Web 组件。获取 HTML、CSS、React、JSX 或 Tailwind CSS 代码。

LocatorJS

0.0

LocatorJS Chrome Extension - option-click to code (ReactJS)

Gimli Tailwind

4.4

A DevTools extension enabling smart tools for Tailwind CSS.

React1s

5.0

点击页面元素跳转到编辑器

React Click To Component

3.7

React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Click to component

0.0

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Spy

4.7

Find code from UI, or, find UI from code!

click-to-react-component

3.4

Option+Click React components in your browser to instantly open the source in VS Code

Google 应用