locatorjs 点击组件可跳转代码的插件

在开发过程中，如果一般我们都是使用vue,react组件开发。会出现一个页面多个组件的情况。

如果一个组件的某个片段出现问题，又因为时间久或者不止我们开发的情况，会出现找代码比较难的情况，这个插件这就比较方便。点击就可以跳转相应的代码片段。

安装

1. 官网下载 要进浏览器插件下载（需梯子）
2. 其他下载

下载完添加到浏览器

设置

点击settings可以选择设置快捷键，默认Alt+ 左键

可以设置编辑器，以方便打开编辑器代码位置。默认vscode

使用

此时你按住Alt键，鼠标放到想要修改的元素，就会显示相应的组件，点击就会跳到相应的组件代码。

点击会提示你打开设置的编辑器，选择打开。

体验了下，有些组件里面的元素调不到指定位置，只能跳到相应的组件，不过这样就方便了许多。