开源了一款开发提效工具点击页面 dom 自动把鼠标定位到 IDE 源代码位置(支持 vite/webpack/rspack，支持 vue2/vue3/react/preact/solid)
zhlx 2023-12-27 11:30:26 +08:00 2853 次点击这是一个创建于 654 天前的主题，其中的信息可能已经有所发展或是发生改变。
 | 1 zcf0508 2023-12-27 11:34:07 +08:00 via Android 非常好用！ |
 | 2 sorude 2023-12-27 11:35:12 +08:00 感觉有点东西，但是没想到一定要这样做的场景 |
 | 4 zhlx OP @sorude 开发时候用，对于大项目文件层级深、文件数量多，或者接收新项目的场景，要查找页面组件的源码文件是很麻烦的。用这个插件可以一键定位 |
 | 6 SaltedFish12138 2023-12-27 13:12:13 +08:00 **我愿称之为今年最好用插件** （拜当前项目所赐， 几百个页面，vue 名称混乱、url 配置乱七八糟、页面嵌套错综复杂，找一个页面都要累死，） |
 | 7 xudashan 2023-12-27 13:20:45 +08:00 牛牛牛！感谢感谢！ |
 | 8 zhangkun28273455 2023-12-27 13:39:23 +08:00 使用了一下，确实很方便 |
 | 9 MangoCloud 2023-12-27 13:43:38 +08:00 via Android 原理是啥 |
 | 10 Natsuno 2023-12-27 13:53:10 +08:00 已安装 |
| 11 zhlx OP @MangoCloud 可以看我这篇掘金的文章，有讲大致原理： https://juejin.cn/post/7288238328381587475 |
 | 12 paopjian 2023-12-27 14:13:56 +08:00 有没有不用 npm 工具安装的方法呢?项目在网络隔离环境里,安装挺麻烦的,可不可以直接 idea 插件这种? |
 | 13 xiaoxinshiwo 2023-12-27 14:16:10 +08:00 牛的，已经 star |
|
1 | 15 chf007 2023-12-27 14:53:06 +08:00 哈哈，有想到一块去了。不过你这个只是想快速找到要修改的地方。我之前有想要搞个这个东西，主要出发点是有些文案上线后，总有产品、运营或老板看到后想要变一下。有了这个东西后就可以让想改的人直接定位到相关代码行，让他们自已改(直接打开 gitlab 编辑器或开个云编辑器)，然后保存自动生成合并请求，我只要审一下代码通过一下走流水线发布就行了。 |
 | 16 zhaol 2023-12-27 14:53:58 +08:00 之前试过一个叫 LocaltorJs 的浏览器插件，也是类似功能，但是定位好像不准，就没用了 |
| 18 zhlx OP @zhaol 嗯嗯我也看过那个，不过他那个需要安装 npm 包 + 浏览器插件，比较麻烦。我这个只需要装一个 npm 包，定位是绝对准确的 |
 | 19 body007 2023-12-27 15:24:09 +08:00   建议统一下，我用 git 仓库安装，结果配置好了报错，提示包不存在 |
| 20 zhlx OP @body007 感谢帮忙发现问题！之前是分了 webpack 和 vite 两个包，现在统一了，没发现 readme 没改过来 QaQ |
 | 21 ovos 2023-12-27 20:02:48 +08:00 有没有 webstorm 版本呀 大佬 |
| 22 zhlx OP @ovos 支持 webstorm 的，默认只要你运行了 Webstorm 就能自动识别打开，你可以安装试试。如果不能自动识别打开，可以参照这里手动配置一下： https://inspector.fe-dev.cn/guide/ide.html |
 | 23 FishBear 2023-12-27 23:51:44 +08:00 via iPhone 明天试试 |
 | 24 cleanery 2023-12-28 10:04:07 +08:00 好用, 感谢, 已 star |
| 25 zhlx OP 最新版本已经支持了 cursor 和 windsurf |
Select Language