译:101个React技巧#11React与Visual Studio Code🛠️

165 阅读1分钟

79. 使用 Simple React Snippets 扩展提升开发效率

初始化新的 React 组件可能很繁琐 😩。

Simple React Snippets 扩展提供的代码片段让这个过程变得更简单。

80. 设置 editor.stickyScroll.enabledtrue 快速定位当前组件

我非常喜欢这个功能 ❤️。

如果你有一个大文件,可能很难定位当前组件。

通过设置 editor.stickyScroll.enabledtrue,当前组件将始终显示在屏幕顶部。

  • ❌ 没有粘性滚动

没有粘性滚动

  • ✅ 有粘性滚动

有粘性滚动

81. 使用 VSCode Glean 或 VSCode React Refactor 等扩展简化重构

如果你需要频繁重构代码(例如将 JSX 提取到新组件中),请务必查看 VSCode GleanVSCode React Refactor 等扩展。