2022-09-19业务场景00
请注意,本文编写于 525 天前,最后修改于 525 天前,其中某些信息可能已经过时。

快速找到组件对应的源代码

问题

大型项目中,找页面上的 UI 对应的组件源码很花时间。

解决方案

React

方案1: 点击组件,跳转到 VSCode 中的组件源码

可以用第三方库: React Dev Inspector 来实现。

原理介绍: 我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。

方案2: 在浏览器审查查看组件的名称

用浏览器插件 React Developer Tools 来实现。然后用组件名在项目中全局搜索。

Vue

方案1: 在浏览器审查查看组件的名称

用浏览器插件 Vue.js devtools 来实现。然后用组件名在项目中全局搜索。

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!