擁有合適的工具可以讓你的開發(fā)工作變得更加輕松，尤其是VSCode插件。今天給大家介紹6個VSCode插件，下面一起來看。

1. JavaScript (ES6) code snippets

JavaScript (ES6) code snippets 擴展工具有多個代碼片段，可生成ES6代碼片段，比如鍵入clg然后回車，可以得到一個console.log。初次用它的人可能都不太熟練，但多用幾次，熟悉了所有的代碼片段，就能快速打出ES6代碼。

2. Auto Rename Tag

Auto Rename Tag擴展工具簡單好用，如果重命名一個開始標簽，它將更改相應的結(jié)束標簽，相反也成立。這里再介紹一個Auto Close Tag 擴展工具，它可以在開始標簽的結(jié)束括號中，鍵入時自動添加結(jié)束標簽。這兩個擴展都很好用，能幫助開發(fā)者用更高效和標準的方式編寫HTML。

3. REST Client

REST Client 是一個非常流行的擴展工具，語法非常簡潔，可以發(fā)送HTTP 請求，并在 VSCode 中查看響應，無需使用外部應用程序向服務(wù)器發(fā)送HTTP請求。還有，簡單的GET 請求只需要一行代碼，GET關(guān)鍵字后跟URL。

4. Beautify

Beautify的下載量已經(jīng)超過500W次，適合喜歡整潔代碼的開發(fā)者。Beautify 支持 JavaScript，HTML，CSS，Sass 和 JSON。這個擴展的較大優(yōu)點是所有選項都是完全可定制的，而且如果你用幾種編程語言編寫代碼，也可以用Beautify，它可以自定義每種編程語言的選項。

5. Night Owl

Night Owl 主題是許多開發(fā)人員的愛用主題，它為喜歡編寫代碼到深夜的人進行了微調(diào)與優(yōu)化。如果Night Owl主題不適合你，那Pink Cat Boo， Panda Syntax, Mini Dark, Gatito Theme, One Monokai，這幾個主題色也不錯看。

6. CSS Peek

CSS Peek是web 開發(fā)人員的必用擴展工具，將鼠標懸停在元素的類名或元素ID上，就可以看到應用于這個元素的 CSS 規(guī)則。而且它不僅可以查看樣式，還有一個“轉(zhuǎn)到”特性，能立即跳轉(zhuǎn)到應用于元素的 CSS 規(guī)則，節(jié)省大量尋找正確選擇器的時間。