看啥推荐读物
专栏名称: 前端从进阶到入院
我是 ssh,只想用最简单的方式把原理讲明白。wx:sshsunlight,分享前端的前沿趋势和一些有趣的事情。
今天看啥  ›  专栏  ›  前端从进阶到入院

只需要点击页面上的元素,就能够自动打开 vscode 定位到源代码,支持多框架!

前端从进阶到入院  · 公众号  ·  · 2024-01-22 14:36
背景及相关信息不知道你是否遇到过产品或者测试给你一个页面让你改一点东西,你却找不到页面源代码在哪里的场景?对于一些大型项目,文件数量多、文件层级深、代码行数多,查找一个页面上组件对应的源代码位置,往往需要花费大量时间。为了解决这个问题,我开发了 code-inspector-plugin 插件,只需要点击页面上的元素,就能够自动打开 vscode 定位到源代码。已经在快手内部30+项目中接入了使用,取得了不错的反响。效果如下图所示:code-inspector.gif点击下述的 demo,也可以快速在线体验效果:vue online demo[1]react online demo[2]preact online demo[3]solid online demo[4]接入:想要使用的小伙伴,可以参考code-inspector-plugin接入文档[5]接入使用github 源码:觉得插件好用的可以辛苦动下小手帮作者 github 点个 star:code-inspector[6]code-inspector-plugin 的优点其实 code-inspector- ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照