Vscode中6个好用的前端重构插件

本文介绍了笔者用过的最好用的几款前端重构插件。

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

Stepsize 允许您为要重构的技术债务和代码添加书签和报告。如果您遇到需要重构的代码，但您没有时间立即进行重构，则可以使其可见并直接在 VS Code 中提出问题。

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

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

SonarLint 在您编写代码时突出显示错误和安全漏洞，并提供明确的补救指导，以便您可以在代码提交之前修复它们。VS Code 中的 SonarLint 支持分析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代码。

Prettier 是一个非常流行的扩展，它为大多数编程语言提供自动代码格式，它在 html javascript 和其他语言中特别有用。

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容