這8個VSCode插件讓你編碼嗨到停不下來

擁有合適的工具可讓你的開發工做變得更加輕鬆。許多開發人員使用 VSCode 做爲開發工具，VSCode 容許安裝各類擴展工具。

Visual Studio Marketplace 上有太多的可用擴展工具，咱們將着重介紹下面8個擴展工具。

即便是最簡單的工具也能賦予人們力量去作偉大的事情--比茲·斯通

全部這些插件均可以在 Visual Studio Marketplace 上免費得到。

1. REST Client

REST Client 擴展工具容許你發送 HTTP 請求並直接在 VSCode 中查看響應。不再須要使用外部應用程序向服務器發送 HTTP 請求。

這是一個很是流行的擴展工具，獲得衆多開發人員的青睞，得到了超過 100W 次的安裝。另外我本身也使用這個插件已經有一段時間了，我以爲它很棒。

發送請求變得如此容易。語法很是簡潔，而且提供了不少選項以知足你的需求。簡單的 GET 請求只須要一行代碼，GET 關鍵字後跟 URL 便可。

你真的應該嘗試一下 REST Client 擴展工具。

2. CSS Peek

若是你是一個 web 開發人員，CSS Peek 絕對是必要的。有了這個擴展工具，將鼠標懸停在元素的類名或元素ID上，就能夠看到應用於這個元素的 CSS 規則。

以下圖所示：

這個擴展工具不只僅容許你查看樣式。它還有一個「轉到」特性，容許你當即跳轉到應用於元素的 CSS 規則。這爲你節省了大量尋找正確選擇器的時間。

3. Beautify

若是你喜歡整潔的代碼，那麼你確定會喜歡 Beautify。

Beautify 支持 JavaScript，HTML，CSS，Sass 和 JSON。

這個擴展的最大優勢是全部選項都是徹底可定製的--好比縮進大小和文件是否應該以新行結尾。若是你用幾種編程語言編寫代碼，那麼 Beautify 能夠涵蓋。能夠自定義每種編程語言的選項。

該擴展工具的下載量超過500W次，在最受歡迎的已安裝擴展工具中排名前20位。

4. Auto Rename Tag

Auto Rename Tag 擴展工具所作的工做很簡單，可是很好用。該擴展工具將自動重命名成對的 HTML 標籤。若是你正在重命名一個開始標籤，它將更改相應的結束標籤；反之亦然。

若是你想在開始標籤的結束括號中鍵入時自動添加結束標籤，你應該看一看 Auto Close Tag 擴展工具。安裝這兩個擴展很是有用，將幫助你以更高效和一致的方式編寫 HTML。

5. Quokka.js

Quokka.js 是編輯器中的原型平臺，能夠訪問項目文件，內聯報告等。代碼中的值在運行時更新，並在鍵入代碼時顯示在IDE中的代碼旁邊。

簡直太棒了！

6. Night Owl

沒有一個驚豔的主題，優化VS代碼有什麼價值？很少，對吧？！既然你花了這麼多時間在VS代碼上，你最好經過安裝一個主題讓它看起來更好看。

Night Owl 主題是許多開發人員使用的一個漂亮的主題。根據這個主題的描述，它爲咱們這些喜歡編寫代碼到深夜的人進行了微調與優化。

若是你不喜歡 Night Owl 主題，安利一下： Pink Cat Boo， Panda Syntax, Mini Dark, Gatito Theme, One Monokai，這幾個主題色也很好看~

7. JavaScript (ES6) code snippets

最後一個要介紹的擴展工具是 JavaScript (ES6) code snippets 擴展工具。該擴展工具備多個代碼片斷，可供您來生成ES6代碼片斷。
例如，鍵入clg而後按回車能夠獲得一個console.log。可能您須要一段時間來熟悉全部的代碼片斷，可是隻要掌握了它，您就能很是快的打出ES6代碼

8. TabNine

TabNine 是我用過的最好的代碼補全工具，TabNine 是一款基於人工智能的代碼自動補全工具，TabNine在自動補全時會給出每一個候選項的機率，而且按照機率大小進行排序，此外，會給出候選項的來源及地址，這樣更加方便查詢和閱讀。目前已經有超過 30W 次下載。

好嘛，若是看到這裏，說明是真愛了。要不要給個人 Github 增長一個 star。

關注公衆號，加入技術交流羣