Vscode中6個(gè)好用的前端重構(gòu)插件
本文介紹了筆者用過的最好用的幾款前端重構(gòu)插件。
JavaScript Booster
JavaScript Booster 是一種代碼重構(gòu)工具，具有多種編碼操作，例如將 var 轉(zhuǎn)換為 const 或 let、刪除多余的 else 語句以及合并聲明和初始化。只需注意左側(cè)的燈泡并按下它即可了解如何轉(zhuǎn)換光標(biāo)下的代碼。
Stepsize
Stepsize 允許您為要重構(gòu)的技術(shù)債務(wù)和代碼添加書簽和報(bào)告。如果您遇到需要重構(gòu)的代碼，但您沒有時(shí)間立即進(jìn)行重構(gòu)，則可以使其可見并直接在 VS Code 中提出問題。
Abracadabra
VS Code 附帶了一些基本的重構(gòu)。Abracadabra 使用快捷的方式為您的編輯器，在適當(dāng)?shù)臅r(shí)候快速修復(fù)以建議重構(gòu)，根據(jù)您的需求自定義 UX 的選項(xiàng)，與 .js、.jsx、.ts、.tsx 和.vue 文件。
Glean
Glean 為您的 React 代碼庫提供了重構(gòu)工具：將 JSX 提取到一個(gè)新組件中，將類組件轉(zhuǎn)換為功能組件，使用 Hooks 進(jìn)行包裝。它允許將 JSX 提取到新組件中，將類組件轉(zhuǎn)換為功能組件，反之亦然，使用條件包裝 JSX，同時(shí)重命名狀態(tài)變量及其設(shè)置器等等。
SonarLint
SonarLint 在您編寫代碼時(shí)突出顯示錯(cuò)誤和安全漏洞，并提供明確的補(bǔ)救指導(dǎo)，以便您可以在代碼提交之前修復(fù)它們。VS Code 中的 SonarLint 支持分析 JavaScript、TypeScript、Python、Java、HTML 和 PHP 代碼。
Prettier
Prettier 是一個(gè)非常流行的擴(kuò)展，它為大多數(shù)編程語言提供自動(dòng)代碼格式，它在 html javascript 和其他語言中特別有用。
