React1s前端编辑

React1s前端编辑是一款前端编辑的软件的软件，适合在网页开发当中进行使用，能够直接通过点击的方式来完成编辑的内容，非常适合一些需要进行前端编辑的个人用户进行使用，需要进行前端开发的可以来尝试这款React1s前端编辑！

React1s前端编辑

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

随着 React 项目越来越大，在本地开发时经常会遇到这样一个场景，想改页面上的一个组件，但是比较难去定位到这个组件在源码中对应的位置。本插件无需任何配置，支持 React 项目本地开发时 Option(Alt)+Click 页面上对应元素即可跳转到编辑器对应组件行列。

常见问题

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