• Stars
    star
    207
  • Rank 189,769 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 2 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Click React components in browser to instantly open the source in Editor

支持 React 项目本地开发时 Option(Alt)+Click 页面上对应元素即可跳转到编辑器对应组件行列。

目前也支持了 Vue3 项目的跳转,不过只能跳转到文件,无法跳转到具体行列。

使用

安装地址: chrome应用商店

ps: 可能有部分朋友连接不上chrome应用商店,可以将本项目中build文件夹中的zip包下载然后自行本地上传到浏览器拓展中

插件配置

目前支持 VS Code、VS Code-insiders、WebStorm 和自定义路径,默认配置是VS Code,可点击插件选项调整配置 编辑器配置

QA

Q: Option(Alt)+Click不起作用

A: 对于一些比较旧的React项目,babel 配置可能需要@babel/plugin-transform-react-jsx-source支持

Q: 在 WSL2 环境中如何使用

A: 编辑器配置选择自定义路径,然后填入 vscode://vscode-remote/wsl+Ubuntu/${fileName}:${lineNumber}:${columnNumber},其中的 Ubuntu 可替换成自己的 WSL2 发行版名称

参考项目

click-to-component