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

1. JavaScript (ES6) code snippets

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

2. Auto Rename Tag

Auto Rename Tag擴(kuò)展工具簡(jiǎn)單好用，如果重命名一個(gè)開(kāi)始標(biāo)簽，它將更改相應(yīng)的結(jié)束標(biāo)簽，相反也成立。這里再介紹一個(gè)Auto Close Tag 擴(kuò)展工具，它可以在開(kāi)始標(biāo)簽的結(jié)束括號(hào)中，鍵入時(shí)自動(dòng)添加結(jié)束標(biāo)簽。這兩個(gè)擴(kuò)展都很好用，能幫助開(kāi)發(fā)者用更高效和標(biāo)準(zhǔn)的方式編寫(xiě)HTML。

3. REST Client

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

4. Beautify

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

5. Night Owl

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

6. CSS Peek

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