VSCode現在前端圈特別火爆，基本人手一件，那麼選擇一個好的插件能夠幫我們提高開發效率，和開發體驗。今天給大家推薦的這個10個插件希望對大家有所幫助。
之前我們還熱衷使用Atom,webstorm,在前兩年的時候改用了vscode,感覺非常好，性能也不錯。而且vscode的社區和市場也日漸強大，這也是我選擇vscode的原因之一。
10.Quokka.js
類別：調試
Quokka.js是JavaScript和TypeScript的遊樂園。它會立即執行你輸入的代碼，並在代碼編輯器中顯示各種執行結果。雖然我認爲Quokka是一個非常酷的調試和測試的工具，但對我來說並不是那麼的重要，因爲它可能會分散我爲代碼的某些部分編寫正確的測試，但在某些時候我還是會去用他。
9.fira
類別：字體
Fira Code是最好的編程字體之一，帶有連字，可以幫助您在習慣後更快地閱讀代碼。除了安裝擴展程序以將其設置爲編輯器的字體之外，還需要幾個步驟，但是並不難。如果你想讓你的代碼看起來更好一點，在同事面前耍一下酷，這絕對值得一試。
8.Babel JavaScript
類別：語法高亮
Babel JavaScript在安裝VS Code時必裝的一個插件。它支持ES201x，React和JSX語法高亮。
7.REST客戶端
類別：測試
REST客戶端這個可能是我在一段時間內使用過的最好的擴展之一，他支持我們在vscode中直接發送HTTP請求並查看響應，所以在測試某些接口的時候我們並不需要去借助其他的工具來實現，直接用這個插件就可以做到。
6. 30 seconds of code
類別：代碼片段
30秒的代碼是同名的項目的官方擴展，其中有很多關於es6的代碼，能快速幫助我們解決實際開發中的問題。
5.實時服務器
類別：調試
Live Server爲您提供了一種從VS Code提供靜態和動態頁面快速搭建一個服務方法，同時它還支持熱加載。如果您熟悉Web Server for Chrome或任何執行類似操作的npm軟件包，你可以去嘗試一下。
4. GitLens
類別：git
GitLens是最受歡迎的VS Code擴展之一，在我看來它也是最有用的擴展之一。代碼作者，活動熱圖，最近的變化和歷史這些都是它提供的一些功能。如果您正在使用具有多個貢獻者的任何存儲庫，那麼這應該是你值得擁有的。
3.One Dark Pro
類別：主題
One Dark Pro將Atom的標誌性的主題One Dark帶入VS Code。我個人認爲這是我在一段時間內使用過的最精美且不會讓你產生視覺疲勞的主題之一，所以，當我從Atom遷移到VS Code時，我自然就安裝了它。我知道這是一個個人偏好，VS Code還有一些其他開箱即用的好主題，但我認爲你應該試一試。
2. ESLint
類別：linter
ESLint將最流行的JavaScript linter轉換爲VS Code擴展。如果您已經在項目中使用ESLint，請安裝這個擴展程序，讓它發揮它作用。
1. Prettier
類別：formatter
Prettier不需要太多的介紹。這是一個固定的代碼格式化程序，變成了VS代碼的擴展。如果你想讓你的代碼更漂亮，你應該考慮安裝這個方便的小擴展。
以上的的vscode擴展大家都可以嘗試下載去使用一下說不定能給你帶來意外的驚喜哦；
❤️ 看之後
- 點贊，讓更多的人也能看到這篇內容（收藏不點贊，都是耍流氓 -_-）
- 關注公衆號「新前端社區」，號享受文章首發體驗！每週重點攻克一個前端技術難點。
