將優(yōu)秀的開發(fā)人員與開發(fā)人員區(qū)分開來的是所使用的工具。擁有正確的工具可以使你工作變得更加輕松。

這與你使用的IDE是什么沒什么關(guān)系，許多開發(fā)人員將 VS Code 用作他們的首選 IDE ，它可以安裝擴展， 并且擴展的種類是沒有限制的。

VS Code 上有太多的擴展，本文我們將討論7個擴展，使你編寫代碼看起來毫不費力。

Even the simplest tools can empower people to do great things — Biz Stone

（即使是最簡單的工具也可以使人們有能力做偉大的事情）

1. REST Client

REST Client 擴展插件可以使我們能夠直接在 VS Code 中發(fā)送HTTP請求并查看響應，無需使用外部應用程序向服務器發(fā)送HTTP請求。

目前安裝量已經(jīng)超過一百萬，被無數(shù)開發(fā)人員使用，我也已經(jīng)使用此插件很長時間了，???

發(fā)送請求很簡單，語法也很干凈，可以使用許多選項來滿足你的特定需求。其中，一個簡單的 GET 請求所需要的只是一行包含 GET 關(guān)鍵字和 URL 的代碼。

你應該嘗試一下REST Client擴展插件。

2. CSS Peek

如果你是一個web開發(fā)人員，那 CSS Peek是絕對必須的。通過此擴展，你只需將鼠標懸停在元素的類名或 ID 上，即可查看應用于 HTML 中某個元素的 CSS 規(guī)則。

看一下下面的圖片，它將確切地顯示此擴展程序的功能。

并且，這個擴展不僅僅允許你查看樣式，還有一個“Go to”特性，允許你立即跳轉(zhuǎn)到應用于元素的CSS規(guī)則，這將為你節(jié)省了大量時間。

3. Beautify

如果你喜歡簡潔干凈的代碼，那么絕對會喜歡 Beautify 。此擴展可幫助你正確編寫代碼。Beautify支持 JavaScript 、 HTML 、 CSS 、 Sass 和 JSON 。

關(guān)于此擴展名最好的部分是所有選項都是完全可自定義的，例如縮進大小以及文件是否應以新行結(jié)尾。如果你使用多種編程語言編寫代碼， Beautify 可以幫助你根據(jù)每種編程語言自定義選項。

該擴展程序下載量超過500萬，在大多數(shù)已安裝擴展程序中排名前20位。?????

4. Auto Rename Tag

Auto Rename Tag 擴展的功能很簡單，但是很好用，此擴展自動重命名成對的 HTML 標記。如果你重命名一個開始標簽，它將改變相應的結(jié)束標簽。反之亦然。

如果你想在輸入開始標簽的右括號時自動添加結(jié)束標簽，那你應該查看一下 Auto Close Tag ?擴展。安裝這兩個擴展是非常強大的，將幫助你以一種更有效和一致的方式編寫 HTML 。

5. Quokka.js

Quokka.js 是你編輯器中的原型設(shè)計平臺，可以訪問項目文件、內(nèi)聯(lián)報告等。輸入時，代碼中的值會在運行時更新，并顯示在代碼旁邊的 IDE 中。

優(yōu)秀呀???

6. Night Owl

如果沒有一個令人驚嘆的主題，優(yōu)化 VS Code 有什么價值呢？沒什么，對吧？既然你在 VS Code 上花了這么多時間，你最好安裝一個主題來讓它外觀看起來更好。

Night Owl 主題是許多開發(fā)人員使用的漂亮主題之一。顧名思義，它適合那些喜歡在深夜編碼的開發(fā)人員。

如果你不喜歡 Night Owl 主題，也不要擔心。這里有一篇文章，探討了 VS Code 最漂亮的主題

Code Pretty in These Themes for Visual Studio 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。

最后