goto-react VSCode组件跳转扩展
React 项目里组件和容器来回切换太烦?goto-react这个 VSCode 扩展还挺贴心的。它可以一键跳转当前组件对应的容器文件,或者从容器跳回组件,省得你手动翻找。嗯,装好后打开命令面板,敲一下goto-react
,选那个goto-react: Open component/container
,基本就能用了。
和你项目结构干净程度关系不大,前提是你的组件和容器分得清楚,比如一个放components/
,另一个放containers/
,这扩展就能识别路径,响应也快,不会卡。挺适合习惯容器+展示组件模式的老 React 手。
命令名稍长,建议你加个快捷键绑定,效率更高。想自定义路径规则?目前还不支持,不过你可以提 Issue,作者挺活跃的。哦对,项目代码是开源的,有兴趣可以研究下:rodrigobdz
在 GitHub 上。
顺便给你贴几个相关组件资源,想拓展下项目功能也能用上:
- React 计量组件 - 做统计图表用挺方便的
- Virtru 标准组件 - 标准化 UI 能力不错
- rocketpack 组件库 - 布局、按钮全套都有
- react-codemirror2 - 加代码编辑器的可以用它
- react-chrono 时间轴 - 展示流程型信息直观
- vscode-goto-next-previous-member - VSCode 里跳成员函数的好帮手
如果你项目里有的容器-组件结构,那这个扩展装上准没错。省事又高效,用起来还蛮顺手的。
8.88MB
文件大小:
评论区