Visual Studio Code（简称 VS Code）是一款由微软开发且跨平台的收费源代码编辑器。基于其丰盛的插件体系与语言反对，目前曾经成为了最流程的集成开发环境。本文介绍了笔者用过的最好用的几款前端重构插件。

JavaScript Booster

JavaScript Booster 是一种代码重构工具，具备多种编码操作，例如将 var 转换为 const 或 let、删除多余的 else 语句以及合并申明和初始化。只需注意左侧的灯泡并按下它即可理解如何转换光标下的代码。

Stepsize

Stepsize 容许您为要重构的技术债权和代码增加书签和报告。如果您遇到须要重构的代码，但您没有工夫立刻进行重构，则能够使其可见并间接在 VS Code 中提出问题。

Abracadabra

VS Code 附带了一些根本的重构。Abracadabra 应用快捷的形式为您的编辑器，在适当的时候疾速修复以倡议重构，依据您的需要自定义 UX 的选项，与 .js、.jsx、.ts、.tsx 和.vue 文件。

Glean

Glean 为您的 React 代码库提供了重构工具：将 JSX 提取到一个新组件中，将类组件转换为性能组件，应用 Hooks 进行包装。它容许将 JSX 提取到新组件中，将类组件转换为性能组件，反之亦然，应用条件包装 JSX，同时重命名状态变量及其设置器等等。

SonarLint

SonarLint 在您编写代码时突出显示谬误和安全漏洞，并提供明确的补救领导，以便您能够在代码提交之前修复它们。VS Code 中的 SonarLint 反对剖析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代码。

Prettier

Prettier 是一个十分风行的扩大，它为大多数编程语言提供主动代码格局，它在 html javascript 和其余语言中特地有用。

版权申明，本文首发于 数字魔盒 https://www.dm2box.com/ 欢送转载。