JavaScript Booster是一款針對Visual Studio Code開發的擴充套件,旨在透過先進的JavaScript及TypeScript重構及指令來提升開發者的生產力。截至目前,這款工具已經獲得超過51萬次的安裝。
這個擴充套件提供多種編碼動作(快速修復),以協助編輯JavaScript、TypeScript或Flow語言的程式碼。當用戶在編輯程式碼時,只需關注左側的燈泡圖示,便能了解如何轉換當前游標下的程式碼。此外,它還新增了專為React和TypeScript設計的程式碼動作。
JavaScript Booster的特點包括:
- 代碼動作:例如條件語句的簡化、聲明的轉換、字串和函式的處理、以及對Async和TypeScript的特定支援。此外,還包括對JSX/TSX和React的特定動作,如使用useCallback()鉤子包裝函式等 。
- 智慧選擇指令:這兩個指令可讓用戶連續選擇程式碼區塊,從而更輕鬆地選擇所需的內容。不同於VS Code內建的指令,JavaScript Booster使用抽象語法樹來提供更準確的結果。
未來規劃:開發團隊計劃新增更多程式碼動作,如將if轉換為switch-case,以及新增命令和支持用戶從工作區載入程式碼動作,讓用戶可以創建自己的、與專案相關的重構。
JavaScript Booster的靈感來源於WebStorm及其多樣的程式碼重構功能。它使用Babylon來解析程式碼,並利用jscodeshift來操作抽象語法樹。此外,開發者社群的貢獻也是它的一大特色,開發者們可以參照貢獻指南來協助這個專案的發展。