2019年JavaScript開發者必備的10個vscode插件

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擴展你們均可以嘗試下載去使用一下說不定能給你帶來意外的驚喜哦；

❤️ 看以後

• 點贊，讓更多的人也能看到這篇內容（收藏不點贊，都是耍流氓 -_-）
• 關注公衆號「新前端社區」，號享受文章首發體驗！每週重點攻克一個前端技術難點。