React Click To Component Chrome 插件, crx 扩展下载
React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.
React Click To Component, is a Chrome extension to open a React component in the editor by clicking on it.
`Option + Click` (on MacOS) or `Alt + Click` (on Linux/Windows) takes you to the code editor
The extension also supports TurboPack builds where the project root is not exposed. You'll just need to setup the project root file when prompted. The updated value can be manipulated on the localStorage as required.
To see how this works, checkout the repo at and raise any issues on the extension at the GitHub repository. And if you like the extension, star the repo too!
Features
- Option + Click or Alt + Click on a component to open the file in an editor
- Highlight the component name when hovering over it with Option/Alt key pressed
- Supports Turbopack builds with manually defined project roots (that can be changed simply by updating the localStorage key clickToReact-projectPath-{HOST})
- Now the extension copies the path to clipboard instead of opening the file, for editors that doesn't support opening file:// URLs. You can set the editor with clickToReact-editor-{HOST} localStorage key.
| 分类 | 💻开发者工具 |
| 插件标识 | jjbmjimpbdbkfebkjehjlpfpbeddoeii |
| 平台 | Chrome |
| 评分 |
★☆☆☆☆
1.7
|
| 评分人数 | 7 |
| 插件主页 | https://chromewebstore.google.com/detail/react-click-to-component/jjbmjimpbdbkfebkjehjlpfpbeddoeii |
| 版本号 | 0.5 |
| 大小 | 39.26KiB |
| 官网下载次数 | 89 |
| 下载地址 | |
| 更新时间 | 2024-09-08 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入: chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意:请确保使用最新版本的Chrome浏览器
同类插件推荐
React Spy
Find code from UI, or, find UI from code!This exte
React Click To Component
React Click To Component, a Chrome extension to op
C-React
A Chrome Extension tool that visualizes React rend
React in ChatGPT
Render React components directly in ChatGPTReact i
Website To React - By CodeParrot.ai
Why Website to React? The fastest way to select a
Prompt Menu
提示语侧边栏菜单,可自定义预设提示语。提示语侧边栏菜单,可自定义预设提示语。 功能: - 浮动侧边
React code finder
Chrome extension for React DeveloperActivate the e
Extract to React
Chrome/Chromium extension that allows easy HTML to
React ChronoScope
React ChronoScope is a performance monitoring tool
Reactime
A Chrome extension for time travel debugging and p
LocatorJS
LocatorJS Chrome Extension - option-click to code
AI Code Preview
Preview, copy, and download code from AI responses
Jinno: code any React component with AI
Develop html or react components with AI and chat