阅读 9064

❤️5 个使重构变得容易的 VS Code 扩展❤️(建议收藏)

「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!」

如果您正在寻找清理代码、降低复杂性和改进功能的方法 - 这些重构扩展将帮助您更快地前进。


🏆 1. SonarLint

SonarLint 可让您在编码问题出现之前修复它们:就像拼写检查器一样,SonarLint 在您编写代码时突出显示错误和安全漏洞,并提供明确的补救指导,以便您可以在代码提交之前修复它们。VS Code 中的 SonarLint 支持分析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代码。

5.gif


🍺 2. JavaScript Booster

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

1.gif


🎪 3. Stepsize

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

  • 在您工作和创建问题时为代码添加书签
  • 标记您的问题
  • 带他们参加冲刺计划会议并与您的队友分享知识

2.gif


🎯 4. Abracadabra

使用 Abracadabra,您可以快速安全地重构 VS Code 中的现有代码。

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

3.gif


🎸 5. Glean

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

4.gif


🥇总结

我已经写了很长一段时间的技术博客,这是我的一篇VS Code扩展推荐文章。希望你们会喜欢!这里汇总了我的全部原创及作品源码:GitHubGitee

原文:5 VS Code Extensions That Make Refactoring Easy

往日优秀文章推荐:

教你用Java做出一个五子棋小游戏
30 个 Python 教程和技巧|Python 主题月
用一种有趣的方式谈谈 JavaScript 的发展历史 ⌛
【Java练习题】Java程序的输出 | 第七套(含解析)
14万字 | 400 多道 JavaScript 面试题 🎓 有答案 🌠(第五部分 371-424题)

如果你真的从这篇文章中学到了一些新东西,喜欢它,收藏它并与你的小伙伴分享。🤗最后,不要忘了❤或📑支持一下哦

文章分类
后端