對於軟體工程師來說，能夠更好地管理時間是一項寶貴的技能。因此，這裡有5個Visual Studio程式碼擴充套件工具，可以幫助前端開發人員（以及更多的人！）將生產力至少提高10%到20%。想學習前端的小夥伴，建議千鋒重慶Web前端學習

1、Stepsize

Stepsize是編輯器中的問題跟蹤工具，用於管理技術債務和維護問題。當你遇到應該修復的技術債務，但你沒有時間立即修復時，你可以將一段程式碼新增到書籤中或建立一個問題。

Stepsize允許你直接從編輯器建立和檢視程式碼問題，跟蹤並優先考慮程式碼改進，如技術債務，通過我們的Jira整合為你的Sprint新增關鍵問題。

對於那些希望使技術債務可見並開始減少技術債務的團隊來說，這是一個很好的工具。

2、用於JavaScript的qookka.js

許多開發人員可能已經聽說過Quokka.js，它是程式碼原型化的快速平臺。

它是一個方便的程式碼原型製作工具，你可以從VS程式碼的命令調色盤訪問它。在Web前端培訓中，你會學到很多前端工具和框架的使用技巧，真正提升自己，而且，Quokka.js還附帶了一個專業版，可為你提供更多功能，如：

從專案中匯入檔案：當你在專案中為需要幫助函式或任何其他函式的程式碼原型時，此功能非常有用。

快速軟體包安裝：當你想要試驗NPM軟體包時，可以將其匯入到Quokka.js檔案中。

實時註釋：你可以使用特殊的註釋格式來計算任何表示式。你還可以在註釋中編寫任意JavaScript程式碼，以形成輸出。

3、用於JavaScript單元測試的Ponicode

“Ponicode是一個AI驅動的擴充套件包，可為你生成單元測試。藉助ML生成的測試場景和直觀的圖形介面，它可幫助你快速、輕鬆地為功能建立、視覺化和執行單元測試。”

該擴充套件支援你建立單元測試。它不僅通過機器學習演算法生成單元測試，還將向你展示程式碼中最關鍵的路徑。在通過關注最基本的程式碼路徑來優化測試工作時，此資訊至關重要。換句話說，Ponicode優化了你的工作，以提高程式碼的健壯性，並有助於及早發現關鍵錯誤。此外，Ponicode為你的測試場景提供了相關的輸入，使它們更加有效。

最後，GUI允許你以視覺化方式建立單元測試，並自動建立測試檔案。這絕對是節省時間！

4、.堆疊溢位的StackFinder

幾乎每個開發人員每天都會使用堆疊溢位來找到編碼問題的答案。為了節省時間，StackFinder允許你從VS程式碼編輯器中查詢有關堆疊溢位的答案。除此之外，你還可以將解決方案複製到編輯器中進行試用。這是開啟充滿堆疊溢位選項卡的瀏覽器的快速替代方法。

5、Wallaby.js

Wallaby.js是一個開發人員生產力工具，它可以在你鍵入時立即執行JavaScript和TypeScript測試，並在你的IDE程式碼旁邊突出顯示結果。

它是一個很有價值的擴充套件，在編寫單元測試程式碼時，它可以向你展示真實的結果，實時檢視輸出和除錯測試。

VSCode 可用的擴充套件有成千上萬，上面只是列出了幾個，有沒有你常用的呢？前端要學的東西還有很多。