VSCode親測好用的插件推薦

筆者做爲前端開發，使用過各類編輯器，經歷過sublime，Atom，WebStorm的種種試用淘寶的過程，直到遇到微軟的VSCode，纔有一種終於遇到對的人的感受。做爲一款開源的輕量級編輯器，它具備簡潔的GUI，高可擴展性，易於調試等諸多優勢，尤爲是它豐富的插件，可讓咱們在開發過程當中事半功倍，因此，今天想從整個開發過程的角度，推薦一下平時我親測以爲很好用的插件。

One Dark Theme

第一個首先推薦主題，開發自己是一個枯燥乏味的過程，有時候會迷茫和奔潰，一個好看的UI主題，會給你一個好的心情，暗色系的背景色和搭配合理的代碼分色，也會減少你眼睛的壓力，不至於去盯着屏幕看清每一行代碼。

主題這種東西見仁見智，根據本身的喜歡進行選擇就好，One Dark Theme是我平時用的主題，它是Atom上標誌性的主題，因此在VSCode時也沿用了過來，它採用暖色系，不具備進攻性，給個人感受是容易讓人的心情平和下來，做爲2017年最佳主題，它絕對是一款符合大衆化口味的插件。

ESLint

JavaScript做爲一種弱類型的解釋性語言，沒有編譯的過程，也就意味着編輯器和瀏覽器會最大程度的容忍你的垃圾代碼，可是做爲一個有追求的開發者，仍是須要對本身的代碼質量有所要求。藉助 ESLint，可將靜態代碼分析和問題代碼協助修復集成到編碼、提交和打包過程當中，及早發現並協助修復代碼中語法錯誤和不符合約定準則等狀況。

Path Intellisense

寫代碼以前常常要import其餘頁面文件和本地靜態資源，經過安裝Path Intellisense，能讓文件路徑自動補全，在你用任何方式引入文件系統中的路徑時提供智能提示和自動完成。

Color Highlight

顧名思義，能夠直接清晰等在代碼中直接展現對應顏色值的色彩，對於我這種自帶設計屬性的前端開發是一大利器。

Bracket Pair Colorizer

又一款用顏色拯救眼睛的插件。代碼中嵌套過多時，就不容易鑑別方法塊的邊界，利用這個擴展能夠識別代碼中的各類括號，而且標記上不一樣的顏色，方便你掃視到匹配的括號，在括號使用很是多的狀況下能環節眼部壓力。

Code Runner

開發人員常常會遇到一些方法記不清楚的狀況，多是不記得參數，多是輸出數據格式，因此偶爾須要在Chrome的控制檯上運行一些簡單的demo，可是在顏色區分、代碼縮進、變量重複等問題上有諸多不便，因此徹底能夠在VSCode上編輯demo，利用Code Runner直接運行。

Code Runner內置控制檯，支持運行各類類型的代碼，且能夠經過選中來運行局部代碼。

Debugger for Chrome

運行完代碼，可能有一堆的error和warning，在前端開發中，可能就須要Chrome配合debug了，而VSCode就自帶了一款插件，能夠直接在IDE上着手debug。具體的配置和使用方法能夠看看這裏。