开源了一款开发提效工具—点击页面 dom 自动把鼠标定位到 IDE 源代码位置(支持 vite/webpack/rspack，支持 vue2/vue3/react/preact/solid)
zhlx · 2023-12-27 11:30:26 +08:00 · 2199 次点击这是一个创建于 367 天前的主题，其中的信息可能已经有所发展或是发生改变。
 |
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
|
|
14
zhlx OP  1
@paopjian 暂时不行，因为插件的能力实现上需要参与到项目的编译过程，所以需要和 vite/webpack/rspack 等打包工具结合使用，单纯的 IDE 插件无法参与到打包过程中
|
 |
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