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

青灯夜游
發布: 2020-09-03 13:57:26
轉載
7291 人瀏覽過

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

有合適的工具可以讓你的開發工作變得更輕鬆。許多開發人員使用VSCode作為開發工具,VSCode 允許安裝各種擴充工具。 【推薦:vscode基礎教學

Visual Studio Marketplace上有太多的可用擴充工具,我們將著重介紹下面8個擴充工具。

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

所有這些插件都可以在Visual Studio Marketplace#上免費獲得。

1. REST Client

REST Client擴充工具允許你發送HTTP請求並直接在VSCode中查看回應。再也不需要使用外部應用程式向伺服器發送HTTP請求。

這是一個非常流行的擴充工具,得到眾多開發人員的青睞,獲得了超過 100W 次的安裝。另外我自己也使用這個插件已經有一段時間了,我覺得它很棒。

發送請求變得如此容易。語法非常簡潔,並且提供了很多選項以滿足你的需求。簡單的GET請求只需要一行程式碼,GET關鍵字後面跟著URL即可。

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

你真的應該試試看REST Client擴充工具。

2. CSS Peek

如果你是一個web開發人員,CSS Peek絕對是必要的。有了這個擴充工具,將滑鼠停留在元素的類別名稱或元素ID上,就可以看到套用於這個元素的CSS規則。

如下圖所示:

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

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

3. Beautify

如果你喜歡整齊的程式碼,那麼你一定會喜歡Beautify

Beautify支援JavaScriptHTMLCSSSassJSON

這個擴充的最大優點是所有選項都是完全可自訂的--例如縮排大小和檔案是否應該以新行結尾。如果你用幾種程式語言寫程式碼,那麼Beautify可以涵蓋。可以自訂每種程式語言的選項。

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

4. Auto Rename Tag

Auto Rename Tag擴充工具所做的工作很簡單,但很好用。此擴充工具將自動重新命名成對的HTML標籤。如果你正在重新命名一個開始標籤,它將更改相應的結束標籤;反之亦然。

如果你想在開始標籤的結束括號中鍵入時自動新增結束標籤,你應該看看Auto Close Tag擴充工具。安裝這兩個擴充功能非常有用,將幫助你以更有效率和一致的方式編寫HTML

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

5. Quokka.js

Quokka.js是編輯器中的原型平台,可以存取專案文件,內聯報告等。程式碼中的值在執行時更新,並在鍵入程式碼時顯示在IDE中的程式碼旁邊。

簡直太棒了!

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

6. Night Owl

沒有一個驚人的主題,最佳化VS程式碼有什麼價值?不多,對吧? !既然你花了這麼多時間在VS程式碼上,你最好透過安裝一個主題讓它看起來更好。

Night Owl 主題是許多開發人員使用的一個漂亮的主題。根據這個主題的描述,它為我們這些喜歡編寫程式碼到深夜的人進行了微調與最佳化。

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

如果你不喜歡Night Owl主題,安麗一下:Pink Cat BooPanda 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 次下載。

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

好嘛,如果看到這裡,表示是真愛了。要不要給我的

Github增加一個 star。

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

相關推薦:

程式設計教學! !

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

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!