本篇文章給大家分享5個使重構(gòu)變得容易的VSCode插件，它們可以幫用戶清理代碼、降低復(fù)雜性和改進功能，可以提升開發(fā)效率，一起來看看！

如果您正在尋找清理代碼、降低復(fù)雜性和改進功能的方法 – 這些重構(gòu)擴展插件將幫助您更快地前進。

1. SonarLint

SonarLint 可讓您在編碼問題出現(xiàn)之前修復(fù)它們：就像拼寫檢查器一樣，SonarLint 在您編寫代碼時突出顯示錯誤和安全漏洞，并提供明確的補救指導(dǎo)，以便您可以在代碼提交之前修復(fù)它們。VS Code 中的 SonarLint 支持分析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代碼。

2. JavaScript Booster

JavaScript Booster 是一種代碼重構(gòu)工具，具有多種編碼操作，例如將 var 轉(zhuǎn)換為 const 或 let、刪除多余的 else 語句以及合并聲明和初始化。只需注意左側(cè)的燈泡并按下它即可了解如何轉(zhuǎn)換光標下的代碼。

3. Stepsize

Stepsize 允許您為要重構(gòu)的技術(shù)債務(wù)和代碼添加書簽和報告。如果您遇到需要重構(gòu)但又沒有時間立即進行重構(gòu)的代碼，則可以使其可見并直接在 VS Code 中提出問題。

• 在您工作和創(chuàng)建問題時為代碼添加書簽
• 標記您的問題
• 帶他們參加沖刺計劃會議并與您的隊友分享知識

動圖地址：https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9fdd067b488d45f5ab4bc7c071ae76d5~tplv-k3u1fbpfcp-watermark.image

4. Abracadabra

使用 Abracadabra，您可以快速安全地重構(gòu) VS Code 中的現(xiàn)有代碼。

VS Code 附帶了一些基本的重構(gòu)。Abracadabra 使用快捷方式為您的編輯器增壓以立即觸發(fā)最有用的快捷方式，在適當時快速修復(fù)以建議重構(gòu)，根據(jù)您的需求自定義 UX 的選項，與 .js、.jsx、.ts、.tsx 和.vue 文件。

5. Glean

Glean 為您的 React 代碼庫提供了重構(gòu)工具：將 JSX 提取到一個新組件中，將類組件轉(zhuǎn)換為功能組件，使用 Hooks 進行包裝。它允許將 JSX 提取到新組件中，將類組件轉(zhuǎn)換為功能組件，反之亦然，使用條件包裝 JSX，同時重命名狀態(tài)變量及其設(shè)置器等等。