zthxxx / react-dev-inspector

jump to local IDE code directly from browser React component by just a simple click
https://react-dev-inspector.zthxxx.me
MIT License
1.13k stars 67 forks source link

需要使用 swc 版本的插件吗? #153

Closed LaamGinghong closed 11 months ago

LaamGinghong commented 11 months ago

项目里面没有用 babel,可以提供一份 swc 版本的插件吗

zthxxx commented 11 months ago

babel 插件不是必须的,可以尝试不加 babel 插件直接使用 react 组件;

常用框架其实都默认配置了 babel 或 swc 都自带这个信息的,而且都是绝对路径

react-dev-inspector 自己的 babel 插件只是为了 简短好看便于观测,才在 DOM 上加相对路径;

LaamGinghong commented 11 months ago

image image WebStorm 打开不了文件

LaamGinghong commented 11 months ago

image webstorm 得这样写

zthxxx commented 11 months ago

服务端唤起方式的话,CloudIDE 上给你项目里这样配置可以了, 留存一份截图;

本地的话 REACT_EDITOR 环境变量值换成 webstorm 再启动就行

(还需要重启 shell 或 WebStorm 本身以加载新的 zshrc 文件改动)

image