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

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

🏆 1. SonarLint

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


链接

image.png


🍺 2. JavaScript Booster

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


链接

image.png


🎪 3. Stepsize

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


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


链接

image.png


🎯 4. Abracadabra

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

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


链接

image.png


🎸 5. Glean

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


链接

image.png




目录
相关文章
|
7月前
|
API C++ 容器
VSCode扩展
VSCode扩展
|
JavaScript API 开发者
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
虽然Angular.js停止更新已经一年了,但依赖它的上古时代的项目并不少。由于都是使用js开发,很难为其提供很好的维护,所以直到今天开发维护也并不愉快。可以说没有开发插件的支持,再成熟老练的框架都发挥困难。
176 0
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
|
前端开发
Web前端 — VSCode实用扩展插件
在Web前端开发中常用的 VSCode 插件 内容来源 前端VSCode常用插件-快捷键-以及常用技巧-pink老师 下面介绍插件如何下载和使用 如有帮助,请关注点赞支持博主,后期会出其他相关软件安装教程!!!
223 0
|
存储 机器学习/深度学习 传感器
vscode 常用的扩展插件有哪些?
VS Code有许多常用的扩展插件,下面是一些常见且受欢迎的扩展插件: 1. Live Server:提供了一个本地开发服务器,可以在编辑器中实时预览和调试HTML、CSS和JavaScript文件。 2. Prettier - Code formatter:自动格式化代码,使其符合一致的编码风格。 3. GitLens — Git supercharged:增强了对Git存储库的操作和视觉化,可以轻松查看文件的Git历史、作者信息以及行级别的注释和更改。 4. ESLint:集成了ESLint静态代码分析工具,用于在编写代码时捕获常见的错误和编码规范问题。 5. Visual St
301 0
|
Linux Go C++
VS CODE插件扩展无法使用的解决办法
VS CODE插件扩展无法使用的解决办法
2565 1
VS CODE插件扩展无法使用的解决办法
|
前端开发
前端知识学习案例7vs code-安装扩展
前端知识学习案例7vs code-安装扩展
77 0
前端知识学习案例7vs code-安装扩展
vscode debugger 扩展
vscode debugger 扩展
333 0
|
Ubuntu Linux
Ubuntu 20.04 右键扩展在vscode中打开
Ubuntu 20.04 右键扩展在vscode中打开
1000 0
Ubuntu 20.04 右键扩展在vscode中打开
|
Java Linux
vscode的IntelliCode扩展报错
vscode的IntelliCode扩展报错
276 0
|
JavaScript API
vscode 扩展开发从入门到颈椎病康复
  笔者从业以来,各路插件开发无算,而 vscode 把插件开发体验做到了极致。其开发体验,如沐春风,如丝般顺滑,经常写完了还想删掉再写一遍!   vscode 扩展的内置脚手架细心且精致,一键生成后即可运行。vscode 库类型完美,因此开发者可以仅通过 IDE 提示来猜到 API,省去了很多文档查阅成本。最后,vscode 扩展开发文档丰富、开发体系清
1754 0

热门文章

最新文章