React1s插件是一款专为React开发者设计的浏览器扩展工具，它主要解决了在React项目本地开发过程中，难以快速定位页面组件在源码中具体位置的问题。核心功能是允许开发者在本地开发React项目时，通过Option(Alt)+Click的方式点击页面上的任意组件，直接跳转至编辑器(如VSCode)中对应的组件代码位置。

软件教程

安装说明

1、在打开的谷歌浏览器的扩展管理器

就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】

或者你可以在地址栏中直接输入chrome://extensions/

2、进入扩展程序页面后将开发者模式打勾

3、最后将解压出来的crx文件拖入到浏览器中即可安装添加

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装

5、安装好后即可使用

常见问题

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 发行版名称

更新日志

v1.8

- 修复了一些已知问题