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

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

1. SonarLint

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

2. JavaScript Booster

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

3. Stepsize

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

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

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

4. Abracadabra

使用 Abracadabra，您可以快速安全地重構 VS Code 中的現有代碼。

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

5. Glean

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