V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LeeeeeeezQ
V2EX  ›  程序员

有好用的 react 代码定位插件吗?

  •  
  •   LeeeeeeezQ · 2022-08-08 13:44:11 +08:00 · 1127 次点击
    这是一个创建于 598 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近开发 vue3 的项目,然后用的 vscode 的 volar 插件,发现一个非常好用的功能,我可以通过 alt 键直接定位到 vscode 中的代码,

    想问下 react 有相关的插件吗?

    img

    8 条回复    2022-08-09 09:16:20 +08:00
    qrobot
        1
    qrobot  
       2022-08-08 15:20:52 +08:00
    有啊,vscode 一搜索一大堆
    zed1018
        2
    zed1018  
       2022-08-08 17:15:43 +08:00
    这个吼啊,react devtools 那个 component tree 真是地狱,一副 spring 的模样。同求答案
    jishu541464750
        3
    jishu541464750  
       2022-08-08 17:21:57 +08:00   ❤️ 1
    kiritoxf
        4
    kiritoxf  
       2022-08-08 17:41:13 +08:00
    @qrobot 求关键字

    @jishu541464750 这个好像不仅要单独安依赖包,还得修改代码
    jishu541464750
        5
    jishu541464750  
       2022-08-08 18:25:11 +08:00
    @kiritoxf 这个跳转必然需要改动代码,或者改动构建配置,vue 可以跳是 vue cli 在编译时做了处理,但是 react 可没有 vue cli 这种统一的 cli ,create-react-app 都是后面才出的,所以你肯定需要加点东西才行。
    而且换一个角度想,这个还不需要加插件呢,yarn 完就可以用了。
    LeeeeeeezQ
        6
    LeeeeeeezQ  
    OP
       2022-08-08 18:59:34 +08:00
    @jishu541464750 确实,vue 的不需要改代码,直接 vscode 插件就完事了,react 的好像都要改代码。
    snarkprayer
        7
    snarkprayer  
       2022-08-09 09:13:41 +08:00
    这个是怎么操作的?按住 alt 点击元素就行么?
    LeeeeeeezQ
        8
    LeeeeeeezQ  
    OP
       2022-08-09 09:16:20 +08:00 via iPhone
    @snarkprayer 是的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1801 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:31 · PVG 00:31 · LAX 09:31 · JFK 12:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.