
如果你正在寻找清理我们的代码、降低复杂性和改善功能的方法--这些重构扩展将帮助你更快地前进。
JavaScript Booster是一个代码重构工具,它具有几个编码动作,如将var转换为const或let,删除多余的else语句,以及合并声明和初始化。只要注意左边的灯泡,按下它就可以了解如何改造光标下的代码。

2. 步骤大小
Stepsize允许你将技术债务和需要重构的代码加入书签和报告。如果你遇到需要重构的代码,但你没有时间马上去做,你可以在VS Code中直接让它可见,并提出一个问题。
- 在你工作和创建问题时将代码加入书签
- 标记你的问题
- 把它们带到冲刺计划会议上,与你的队友分享知识

有了Abracadabra,你可以在VS Code中快速而安全地重构现有的代码。
VS Code带有一些基本的重构功能。Abracadabra为你的编辑器增加了快捷键,可以在短时间内触发最有用的快捷键,在适当的时候建议进行重构的快速修复,根据你的需要定制用户体验的选项,可以对.js、.jsx、.ts、.tsx和.vue文件进行重构。

4. Glean
Glean为你的React代码库提供了重构工具:提取JSX到新的组件中,将类组件转换为功能组件,用Hooks包装。它可以将JSX提取到新的组件中,将类组件转换为功能组件,反之亦然,用条件包住JSX,同时重命名状态变量及其设置器,等等。

5. 语法分析
SonarLint可以让你在编码问题存在之前就解决它们:就像一个拼写检查器,SonarLint在你写代码的时候就会突出显示Bug和安全漏洞,并有明确的补救指导,这样你就可以在代码提交之前解决它们。VS Code中的SonarLint支持对JavaScript、TypeScript、Python、Java、HTML和PHP代码的分析。
