8個好用的VSCode擴充工具，讓你編碼嗨到翻！

有合適的工具可以讓你的開發工作變得更輕鬆。許多開發人員使用 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。

相關推薦：

程式設計教學！ ！

以上是8個好用的VSCode擴充工具，讓你編碼嗨到翻！的詳細內容。更多資訊請關注PHP中文網其他相關文章！