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个好用的前端重构插件相关推荐

vscode中嵌入cppcheck进行静态检查，包含插件使用方法
1 vscode下载插件cpp-check-lint 如图: 下载好之后按ctrl+shift+p打开用户设置(user setting),在设置中追加加入以下代码: /* cppcheck配置 */ ...
VSCode中安装Live Server插件实现Html网页代码的实时预览
VSCode中安装Live Server插件实现Html网页代码的实时预览利用寒假时间学习了一些基本的网页知识,在编写Html代码时可以利用IDEA.WebStorm.Dream Weaver等工具 ...
在VSCode中配置并调试R语言.r文件
一.在VSCode中配置R语言 1. 安装R解释器访问网址下载选择安装目录时,目录中不要有中文字符,否则就很可能出问题. 2. 安装radian(可有可无) radian只是一个让交互命令行更漂亮 ...
人工智能之配置环境教程二：在Anaconda中创建虚拟环境并在VsCode中使用
人工智能之配置环境教程二:在Anaconda中创建虚拟环境安装pytorch并在VsCode中使用虚拟环境作者介绍一. 在Anaconda中创建虚拟环境 1. 进入本地终端 1.1 键盘使用**w ...
vscode中vetur、eslint、prettier个人理解
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.问题的出现二.vetur.eslint.prettier是什么? 二.解决办法 1.安装vetur插件 2.安装 ...
前端常用插件、工具类库汇总（上）
前言在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
bootstrap表单拖拽生成器插件_web前端常用插件、工具类库汇总，新手必收藏！！！...
前言在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
前端常用插件、工具类库汇总，新手必收藏！！！
前言在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
java前端插件有哪些,前端常用插件、工具类库汇总（上）
前言在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...

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