个人开源的 Chrome 插件上了阮一峰的科技爱好者周刊，支持 React 项目点击页面元素直接跳转到代码编辑器对应组件位置

2023-07-14 09:08:26 +08:00
 you222

无需任何配置，针对 React 项目本地开发时，按住 ⌥ Option(Alt) 同时鼠标左键点击页面元素即可跳转

预览图如下：

科技爱好者周刊(第 262 期): https://www.ruanyifeng.com/blog/2023/07/weekly-issue-262.html

Chrome 商店安装地址: https://chrome.google.com/webstore/detail/react1s/gpcoahaomdfmekggblkckofkgjggnjl

Github: https://github.com/aaamoon/react1s

如果大家用得上，可以给个 star ~

3284 次点击
所在节点    程序员
28 条回复
oppoic
2023-07-14 18:02:12 +08:00
我的插件投稿就没评上： https://github.com/ruanyf/weekly/issues/3212

但是也很好用
you222
2023-07-14 18:38:55 +08:00
@oppoic 试了下，挺好用的哈哈
v4096ex
2023-07-14 23:18:53 +08:00
支持 webstorm 吗靓仔
you222
2023-07-14 23:34:59 +08:00
@v4096ex 支持的，默认是 VsCode ，你可以按照这个图切换一下编辑器到 webstorm 就可以了，https://github.com/aaamoon/react1s/blob/main/assets/editor.png
eachann
2023-07-18 17:33:53 +08:00
@zthxxx 是吗, 我试了并不行啊, 可以贴个图吗
eachann
2023-07-18 17:42:25 +08:00
@Num6 这个要配置, 使用场景就不方便了
you222
2023-07-18 20:31:56 +08:00
@eachann 以前我用过 Vue2 的，这个是文档： https://devtools.vuejs.org/guide/open-in-editor.html 。
如果用到 Vite 的话，我觉得可以用这个： https://github.com/webfansplz/vite-plugin-vue-devtools
you222
2023-07-21 15:20:31 +08:00
@eachann 优化了一下，现在已经支持 Vue3 项目的跳转了，不过只能跳转到具体的文件，跳转不到具体的行列，https://github.com/aaamoon/react1s

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/956638

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX