本文轉載自公眾號“讀芯術”(ID：AI_Discovery)。

如何實現從優秀到頂尖的跨越?資深開發人員告訴我們，用什么工具很關鍵。使用合適的工作工具可以使身為開發人員的你的生活變得更加輕松。

這與你正在使用的IDE沒什么不同。許多開發人員都將VisualStudio Code作為首選IDE，這樣他們就可以安裝擴展。擴展的種類是無限的。VisualStudio市場上有太多擴展，本文將選擇其中7種能使編碼變得輕松的擴展進行介紹。

請注意，所有這些插件都可以在Visual Studio Marketplace上免費獲得。

[[340980]]

1. REST客戶端

REST客戶端擴展允許使用者發送HTTP請求并直接在VisualStudio Code中查看響應。這能讓我們告別外部應用程序，不再需要外部應用程序向服務器發送HTTP請求。

它非常受歡迎，安裝量超過一百萬，已經有許多開發人員使用，我也已經使用這個插件很長時間了。

發送請求從未如此簡單。語法真的很干凈，可以使用許多選項來滿足使用者的需求。一個簡單的GET請求所需要的只是一行包含GET關鍵字和URL的代碼。

2. CSSPeek

如果你是網絡開發人員，那么CSSPeek是絕對必備的。通過此擴展，只需將鼠標懸停在元素的類名或ID上，即可查看應用于HTML中某個元素的CSS規則。

請看下圖，此擴展程序的具體功能如圖所示：

此外，此擴展不僅可以查看樣式，還具有“轉到”功能，使用者通過該功能可以立即跳轉到應用于該元素的CSS規則，這節省了很多尋找正確選擇器的時間。

3. Beautify

如果是喜歡簡潔代碼的人，那你絕對會喜歡Beautify，此擴展可幫助讓的代碼更加完美。Beautify支持JavaScript、HTML、CSS、Sass和JSON。

這個擴展最棒的就是所有選項都是完全可自定義的，例如縮進大小以及文件是否應以新行結尾。如果使用多種編程語言編寫代碼，Beautify稱得上是一個好幫手?？梢詾槊糠N編程語言自定義選項。

該擴展程序下載量超過500萬，在安裝次數最多的擴展程序中位列前20名。

4. AutoRename Tag

Auto Rename Tag擴展的功能很簡單，但是非常好用。該擴展可以自動重命名配對的HTML標簽。如果重命名開始標簽，它就會更改相應的結束標簽。反之亦然。

如果想在輸入開始標簽的結束括號時自動添加結束標簽，那么可以查看Auto Close Tag extension。安裝這兩個擴展后，你將可以以更高效、更一致的方式編寫HTML。

5. Quokka.js

Quokka.js是編輯器中的原型制作游樂場，可以訪問項目的文件、內聯報告等。代碼中的值會在運行時更新，并顯示在代碼旁邊的IDE中。一句話，就是厲害!

6. NightOwl

如果沒有令人嘖嘖稱贊的主題，那么優化VSCode的價值是什么呢?鑒于已經在VSCode上花費了很多時間，接下來就安裝一個主題來使它的外觀更好看吧。

Night Owl主題是許多開發人員都使用的漂亮主題之一。根據對該主題的描述可知，它適合那些喜歡在深夜編寫代碼的人。

如果不喜歡Night Owl主題的話也沒有關系，其他漂亮的VS Code主題也有很多，在我另一篇文章中有介紹過：https://levelup.gitconnected.com/code-pretty-in-these-themes-for-visual-studio-4162aa35aee1。

7. JavaScript(ES6) code snippets

要介紹的最后一個擴展是JavaScript(ES6) code snippets擴展。該擴展包含十幾個代碼片段，可以使用它們來生成ES6代碼片段。

例如，鍵入clg然后按回車，將生成console.log。使用者可能要花一些時間來熟悉所有可能的代碼片段，但一旦掌握了它們，便可以很快輸入ES6。

這些助你成為頂尖開發人員的擴展快快收藏吧!