vscode中6个好用的前端重构插件
2021/7/31 23:06:57
本文主要是介绍vscode中6个好用的前端重构插件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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/ 欢迎转载。
这篇关于vscode中6个好用的前端重构插件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-24Vite多环境配置学习:新手入门教程
- 2024-11-23实现OSS直传,前端怎么实现?-icode9专业技术文章分享
- 2024-11-22在 HTML 中怎么实现当鼠标光标悬停在按钮上时显示提示文案?-icode9专业技术文章分享
- 2024-11-22html 自带属性有哪些?-icode9专业技术文章分享
- 2024-11-21Sass教程:新手入门及初级技巧
- 2024-11-21Sass学习:初学者必备的简单教程
- 2024-11-21Elmentplus入门:新手必看指南
- 2024-11-21Sass入门:初学者的简单教程
- 2024-11-21前端页面设计教程:新手入门指南
- 2024-11-21Elmentplus教程:初学者必备指南