LocatorJS

LocatorJS在浏览器中使用的扩展工具,使用这款工具,只需按住 Option+单击(在 Windows 上为 Alt+单击)网页上的任何元素即可立即跳转到编辑器中的源代码等,欢迎下载。

介绍

使用 LocatorJS,只需按住 Option+单击(在 Windows 上为 Alt+单击)网页上的任何元素即可立即跳转到编辑器中的源代码。

非常适合

• 代码库庞大,查找组件非常耗时
• 引导新开发人员参与不熟悉的项目
• 调试复杂的组件树
• 加快您的日常开发工作流程

LocatorJS插图

工作原理

1.安装扩展
2. 在开发模式下打开你的 React 应用程序
3. 按住 Option(或 Alt)并单击任意组件
4. 您的编辑器将直接打开该组件的源文件

可与 VSCode、IntelliJ IDEA、WebStorm 和其他流行编辑器配合使用。与 React、Preact、Solid 和 Svelte 项目兼容。
这是专为本地开发环境(localhost)设计的开发者工具。它可以帮助您更快地浏览自己的代码,从而节省搜索项目文件的时间

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

LocatorJS下载地址
LocatorJS插图1
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x