想要編碼更輕鬆，這6個VSCode插件不要錯過

擁有合適的工具可讓你的開發工做變得更加輕鬆，尤爲是VSCode插件。今天給你們介紹6個VSCode插件，下面一塊兒來看。

1. JavaScript (ES6) code snippets

JavaScript (ES6) code snippets 擴展工具備多個代碼片斷，可生成ES6代碼片斷，好比鍵入clg而後回車，能夠獲得一個console.log。初次用它的人可能都不太熟練，但多用幾回，熟悉了全部的代碼片斷，就能快速打出ES6代碼。

2. Auto Rename Tag

Auto Rename Tag擴展工具簡單好用，若是重命名一個開始標籤，它將更改相應的結束標籤，相反也成立。這裏再介紹一個Auto Close Tag 擴展工具，它能夠在開始標籤的結束括號中，鍵入時自動添加結束標籤。這兩個擴展都很好用，能幫助開發者用更高效和標準的方式編寫HTML。

3. REST Client

REST Client 是一個很是流行的擴展工具，語法很是簡潔，能夠發送HTTP 請求，並在 VSCode 中查看響應，無需使用外部應用程序向服務器發送HTTP請求。還有，簡單的GET 請求只須要一行代碼，GET關鍵字後跟URL。

4. Beautify

Beautify的下載量已經超過500W次，適合喜歡整潔代碼的開發者。Beautify 支持 JavaScript，HTML，CSS，Sass 和 JSON。這個擴展的較大優勢是全部選項都是徹底可定製的，並且若是你用幾種編程語言編寫代碼，也能夠用Beautify，它能夠自定義每種編程語言的選項。

5. Night Owl

Night Owl 主題是許多開發人員的愛用主題，它爲喜歡編寫代碼到深夜的人進行了微調與優化。若是Night Owl主題不適合你，那Pink Cat Boo， Panda Syntax, Mini Dark, Gatito Theme, One Monokai，這幾個主題色也不錯看。

6. CSS Peek

CSS Peek是web 開發人員的必用擴展工具，將鼠標懸停在元素的類名或元素ID上，就能夠看到應用於這個元素的 CSS 規則。並且它不只能夠查看樣式，還有一個「轉到」特性，能當即跳轉到應用於元素的 CSS 規則，節省大量尋找正確選擇器的時間。

【責任編輯：趙寧寧 TEL：（010）68476606】