[圖片上傳失敗...(image-ccb5b3-1611553802408)]
爲什麼VSCode如此受歡迎
Visual Studio Code在開發人員中迅速流行起來，它是最流行的開發環境，可定製性是其流行的原因之一。
[圖片上傳失敗...(image-c46969-1611553802408)]
因此，如果你正在使用VSCode，這裏有一個擴展列表，你必須提高你的工作效率。
1. Git Lens
當你與你的團隊成員在一個項目上工作時，這個擴展使用VSCode的強大功能，幫助你可視化代碼創作一目瞭然。
它顯示了特定代碼何時提交或更改，以及是誰更改了它。
有時，你的團隊成員提交的代碼可能會破壞項目的其他功能，這在那段時間是有幫助的。你可以在這裏找到它。
[圖片上傳失敗...(image-502ef2-1611553802408)]
2. Wallaby.js
js是一個智能的JavaScript測試運行器，它可以持續運行你的測試。
當您更改代碼時(甚至不保存文件)，它將直接向代碼編輯器報告代碼覆蓋率和其他結果。
這個擴展有助於提高您的開發效率。
[圖片上傳失敗...(image-124033-1611553802408)]
3. TypeScript Hero
TypeScript是JavaScript的一個超集，具有可選的類型，並可編譯爲純JavaScript。
當我們使用TypeScript時，這個擴展就派上用場了。它通過一個名爲“燈泡”的功能對你的導入文件進行分類和組織，並修復編碼錯誤。
[圖片上傳失敗...(image-95fd0b-1611553802408)]
4. Prettier Code Formatter
Prettier是一種固執的代碼格式，它使開發人員在代碼格式方面的工作變得更容易。
您可以將其配置爲保存時格式化，並在保存時格式化代碼。
一旦你有了這個擴展，你將永遠不必擔心格式化的代碼。
[圖片上傳失敗...(image-8bf85-1611553802408)]
5. Path Intellisense
如果你在React或Angular等JavaScript庫上工作，而且你在做大型項目，你就知道在導入時找到組件的確切路徑有多煩人。
這個擴展可以幫助你自動完成導入的路徑。
它還可以幫助您自動完成HTML文件中的文件引用。
[圖片上傳失敗...(image-3bcda1-1611553802408)]
6. Debugger for Chrome
我們都知道有時候調試是多麼煩人，所以這個擴展被用來幫助你調試JavaScript代碼。
它是由微軟開發的。我們可以設置斷點、逐步執行代碼、動態添加調試腳本等等。
假設我們有一個不確定是否正在執行的函數，這個擴展可以通過在執行時在調試器中暫停來幫助我們。
[圖片上傳失敗...(image-c7c22f-1611553802408)]
7. Bracket Pair Colorizer
這個擴展允許匹配的括號被識別的顏色。
當你在調試過程中處理一個巨大的代碼庫時，這個擴展就像救星一樣。
用戶可以定義要匹配的字符和要使用的顏色。
[圖片上傳失敗...(image-ac14a2-1611553802408)]
8. JavaScript (ES6) Code Snippets
如果您是一名JavaScript開發人員，這可以爲您節省大量時間。
當你想快速構建新項目時，這可能會有幫助。
它沒有鍵入全部代碼，而是爲最常見的JavaScript函數預定義了許多代碼片段。
它支持TypeScript、React、Vue和HTML。
如果你在React上工作，有一個類似的擴展。(ES7 React/Redux/GraphQL/React-Native snippets)。
[圖片上傳失敗...(image-3b448e-1611553802408)]
9. Live Share
當您與您的團隊成員一起解決問題，並希望在編輯器上共同處理相同的代碼時，這將幫助您將代碼編輯器的控制權交給您的團隊成員，您可以同時處理它。
您還可以共享終端實例、本地主機web應用程序、語音通話等。
[圖片上傳失敗...(image-5d88bb-1611553802408)]
10. ESLint
由於JavaScript是一種高度靈活的語言，一些小錯誤可能會導致巨大的問題。
因此，當工作在巨大的代碼庫，我們需要一個linter和一個格式化程序。
這個擴展可以幫助你做到這一點。
這可以自動格式化你的代碼，並發現你的代碼中的錯誤。
實現ESLint規則會讓你離爲你的代碼庫建立良好的標準更近一步。
[圖片上傳失敗...(image-4ec36a-1611553802408)]
11. Paste JSON as Code
作爲一名開發人員，您經常要處理api。
衆所周知，api中最常用的數據結構是JSON。
爲了避免一些可能破壞應用程序的類型錯誤，我們使用類或接口。
這個擴展可以用JSON數據生成一個類。
因此，與其手工編寫類，我們可以使用它來節省創建類的時間和負擔。
這個擴展支持大多數流行的語言。
[圖片上傳失敗...(image-e21659-1611553802408)]
12. Peacock
當你在多個工作空間上工作時，這個擴展可以幫助你識別你已經切換到或工作的確切的工作空間。
[圖片上傳失敗...(image-12b17b-1611553802408)]
13. Better Comments
這個擴展可以幫助您在代碼中創建更人性化的註釋。
它允許您爲不同類型的註釋提供不同的顏色代碼，這些註釋可以是TODOs、高亮顯示、警報和其他類型的註釋。
這是強烈推薦的，用於編寫乾淨和文檔化的代碼。
[圖片上傳失敗...(image-8b1b58-1611553802408)]
14. Search node_modules
當我們構建組件庫並在不同的應用程序中使用該組件時，我們肯定會對節點模塊進行一些修改。
這個擴展允許你在項目的node_modules目錄中快速瀏覽文件。
[圖片上傳失敗...(image-71ff07-1611553802408)]
15. Rest Client
作爲開發人員，我們每天都會定期使用Postman來檢查API的響應。
這個擴展允許你做一個HTTP請求，並在VSCode中直接查看響應，而不是在兩個應用程序之間切換，這個擴展爲你做這個工作。
[圖片上傳失敗...(image-ddc67a-1611553802408)]