推薦：Vue 3中令人激動的新功能：Fragment+Suspense+多v-model

VS Code是我最喜歡的文本編輯器。它是目前最可擴展的、最流行的代碼編輯器。而且令人驚訝的是，它是由微軟制作的(我知道)。在我看來，沒有任何其他IDE或編輯器能比VS Code更接近。它的強大之處在于它的擴展系統。它允許你為你能想到的每一個可能的用例編寫一個擴展。以下是我的10個頂級擴展。

1.Beautify

ext install HookyQR.beautify

Beautify允許你用自己的自定義風格配置格式化html、js、css、json和sass文件。它在內部js-beautify的基礎上進行了擴展，使其可以自定義為您的個人風格。

2.Better Comments

ext install aaron-bond.better-comments

這個擴展允許你為你的評論添加語義。它可以將評論分類，比如將評論分為提醒、查詢、待辦事項和亮點。

3.Bookmarks

這個擴展是個救星，特別是當你發現自己在幾百行代碼中迷失了方向時。這個擴展可以讓你在任何一行代碼上做書簽。然后，當你需要回去的時候，你只需要瀏覽一下書簽列表，然后選擇你要訪問的行。

4.Bracket Pair Colorizer 2

ext install CoenraadS.bracket-pair-colorizer-2

這個擴展的作用和它的名字一樣。它對相關的方括號進行顏色編碼。這對你來說有很大的幫助，當你結束了幾個范圍深入到代碼中時。

5.Format in Context Menus

ext install lacroixdavid1.vscode-format-context-menu

這個擴展名允許你只需在側邊欄中選擇所有的文件，就可以將其格式化。當你有大量的文件，而你的環境又不支持格式化器和襯墊時，這一點特別有用。?

6.Git Graph

ext install mhutchie.git-graph

它可以讓你查看你的倉庫的Git Graph，并從圖表中快速執行Git操作。它的可配置性很強，功能也很豐富。要解釋這個擴展的好處，可能要花一個新的篇章來解釋。

7.Git Lens

ext install eamodio.gitlens

GitLens通過Git注釋和代碼鏡頭幫助您一目了然地反映代碼作者。它使您能夠無縫導航和瀏覽Git存儲庫，通過強大的比較命令獲得有價值的見解，等等。

8.indent-rainbow

ext install oderwat.indent-rainbow

這個擴展將代碼的縮進顏色化，在每個縮進層上用不同的顏色來表示。這在使用Python等語言的深度范圍內特別有幫助。

9.ath Intellisense

ext install christian-kohler.path-intellisense

Path Intellisense為文件路徑添加了自動完成功能。雖然VS-Code原生支持自動完成，但它只限于HTML、CSS和JavaScript文件。而這個擴展到了所有語言和文件類型。

10.Total Lines

ext install praveencrony.total-lines

這是一個方便的小擴展程序，可以在狀態欄中添加當前打開的文件的行數。是你的擴展系列中的整齊的補充。

---

就這樣，伙計們。這些是我最喜歡的VS Code擴展。我想在評論中聽到你最喜歡的擴展。

原文：https://dev.to/godcrampy/10-vs-code-extensions-i-can-t-code-without-3ann

推薦閱讀：

扶我起來，我還能學：迎接 Vue 3.0

CSS 中calc()的完整指南(一)

Vue 3中令人激動的新功能：Composition API

掘金小冊全網8折優惠入口

公眾號后臺回復【前端】加入群

好文和朋友一起看~

總結

以上是生活随笔為你收集整理的vscode 书签_10个我必备的 VS code 拓展的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。