2021年最強(qiáng)的10個(gè)VS Code擴(kuò)展

Peacock

Peacock是John Papa的擴(kuò)展，John Papa以其社區(qū)工作和Pluralsight課程而聞名。

孔雀讓您快速更改VS Code工作區(qū)的顏色。當(dāng)您使用多個(gè)實(shí)例或使用VS Live Share功能時(shí)，這特別有用。

以下是這種情況的示例：

Git Graph

Git Graph使您可以在VS Code中可視化來(lái)自存儲(chǔ)庫(kù)的圖形。可以按照您想要的方式進(jìn)行配置，目前市場(chǎng)上有5星（滿分5星）中有250,000次下載

主要功能是：

• 顯示本地和遠(yuǎn)程分支。
• 執(zhí)行Git動(dòng)作，例如創(chuàng)建，簽出，刪除，獲取，合并，以及許多其他動(dòng)作。
• 查看提交詳細(xì)信息和文件更改→任何文件更改的差異。
• 通過(guò)單擊比較提交。
• 您可以對(duì)任何提交執(zhí)行代碼審查。
• 還有更多讓您了解！
• 因此，如果有一個(gè)擴(kuò)展名，我現(xiàn)在應(yīng)該選擇推薦給您，它肯定是Git Graph！

Rest-Client

你們中的大多數(shù)人可能都知道API測(cè)試服務(wù)和諸如Postman或Insomnia之類的客戶端。

但是，如果您只能使用VS Code，為什么還要在計(jì)算機(jī)上使用另一個(gè)程序呢？Rest-Client是一個(gè)擴(kuò)展，使您可以執(zhí)行此操作。

以下是一些主要功能：

• 直接從VS Code編輯器發(fā)送HTTP請(qǐng)求。
• 也發(fā)送GraphQL查詢。
• 自動(dòng)保存并請(qǐng)求歷史記錄。
• 組織多個(gè)請(qǐng)求。
• 廣泛的身份驗(yàn)證支持，例如基本身份驗(yàn)證和摘要身份驗(yàn)證。

Auto Close Tag

“Auto Close Tag”是小擴(kuò)展名的一個(gè)很好的例子，它對(duì)生產(chǎn)率有很大影響。

顧名思義，當(dāng)您在結(jié)束標(biāo)記中鍵入結(jié)束括號(hào)時(shí)，它將添加結(jié)束標(biāo)記。它支持HTML，Handlebars，XML，PHP，Vue，JavaScript，Typescript，JSX等。

更多功能包括：

在開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間移動(dòng)光標(biāo)。管理您不希望自動(dòng)關(guān)閉的標(biāo)簽。自動(dòng)關(guān)閉自動(dòng)關(guān)閉標(biāo)簽。支持用于手動(dòng)關(guān)閉標(biāo)簽的鍵盤快捷鍵。

TODO Highlight

也許你知道這種情況。您到處都在代碼中添加了待辦事項(xiàng)，而忘記了在將代碼投入生產(chǎn)之前對(duì)其進(jìn)行審查。

TODO Highlight通過(guò)突出顯示待辦事項(xiàng)和FIXME并提醒您仍有工作要做，可以幫助您防止這種情況。

Quokka.js

Quokka基本上是一個(gè)暫存器，在您的編輯器中是快速成型的游樂(lè)場(chǎng)。在您鍵入代碼時(shí)，它會(huì)更新運(yùn)行時(shí)值，從而幫助您調(diào)試和試驗(yàn)新功能。

Quokka的社區(qū)版可免費(fèi)使用，但還有一個(gè)具有附加功能的專業(yè)版。如果您還沒(méi)有嘗試，肯定可以嘗試一下。

Bracket Pair Colorizer 2

Bracket Pair Colorizer 2的功能完全符合其名稱。它允許用不同的顏色標(biāo)識(shí)匹配的括號(hào)，您可以決定要匹配的顏色和要使用的顏色。

這是Bracket Pair Colorizer的后繼產(chǎn)品，并在速度和準(zhǔn)確性方面進(jìn)行了優(yōu)化。

Shades of Purple

Shades of Purple 是您的編輯的擴(kuò)展和專業(yè)主題。它在VS Code用戶中非常受歡迎，并且在市場(chǎng)上有5顆星中有5顆是星。

它帶有用于編輯器和終端機(jī)的手工挑選和大膽的紫色陰影。它具有出色的文檔，我只是喜歡這個(gè)主題。好吧，如果您不喜歡紫色，可能不是最好的選擇，但是如果您喜歡，那就去這個(gè)主題吧！

鬼哥有話說(shuō)

太棒了！我希望您可以使用這些擴(kuò)展在VS Code中創(chuàng)建更好的工作環(huán)境,更高效的編碼,一個(gè)對(duì)編輯器沒(méi)要求的前端，不是好前端!

1.如果看到這里，說(shuō)明你喜歡這篇文章，請(qǐng)?轉(zhuǎn)發(fā)、點(diǎn)贊、在看

2.關(guān)注公眾號(hào)前端人，回復(fù)資料包領(lǐng)取我整理的前端進(jìn)階資料包

3.回復(fù)加群，加入前端進(jìn)階群，和小伙伴一起學(xué)習(xí)討論!