天天看點

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

作者:猿習社

VS Code是一個免費的、跨平台的、開源的代碼編輯器,近年來已經成為開發人員中最受歡迎的選擇。

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

它以其靈活性和自定義選項而聞名,并擁有一個蓬勃發展的擴充生态系統,可以擴充其功能并使其更加強大。

在本文中,我分享了一些非常有用的擴充,您可以使用它們來提高工作效率。

Swimm

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

使用swim的富文本編輯器建立文檔。

用豐富的内容記錄跨多個檔案和倉庫的複雜流,這些内容與代碼互動,并在您進行更改時自動更新。

本地驗證和更新文檔,并将其作為CI工作流程的一部分,自動修複簡單的錯誤,僅在發生重大更改時向您發出警報。

在正确的時間找到正确的文檔——就在相關代碼旁邊。

當您看到代碼中的波浪提示時,這意味着可以建立與特定代碼部分相關的文檔。

GitLens

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

使用GitLens,開發人員可以通過提供有關Git存儲庫的進階可視化和資訊,更好地了解他們的代碼庫的曆史、作者和更改。

GitLens還提供了豐富的自定義選項,以及内聯責備注釋、送出和diff細節,甚至可以在不離開編輯器的情況下檢視和編輯送出消息。

Thunder Client

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

Thunder Client 是一個輕量級的Rest API用戶端擴充。

支援集合和環境變量& GraphQL查詢,以及使用基于gui的界面進行無腳本測試。

所有請求的資料都本地儲存在裝置上。

Tabnine

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

Tabnine是一個AI代碼助手,它将通過在所有最流行的編碼語言和ide中實時完成代碼來提高您的開發速度。

Tabnine由多種語言專用的機器學習模型提供支援,這些模型從底層開始對代碼進行預訓練。

Remote - SSH

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

遠端SSH擴充允許您使用任何遠端機器與SSH伺服器作為您的開發環境。

不需要在本地機器上儲存源代碼就可以獲得這些好處,因為擴充直接在遠端機器上運作指令和其他擴充。

您可以打開遠端機器上的任何檔案夾并使用它,就像該檔案夾在您的機器上一樣。

Docker

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

Docker擴充可以輕松地從Visual Studio Code中建構、管理和部署容器化應用程式。

它還提供了在容器内一鍵調試Node.js、Python和. net的功能。

Git History

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

有了這個擴充,使用者可以輕松地浏覽送出曆史,檢查檔案更改,并比較不同版本的代碼。

該擴充提供了一個GUI,可以在時間軸中顯示送出曆史。每個送出都會連同其送出消息、作者、日期和時間一起顯示。

使用者還可以檢視與每個送出相關聯的分支和标記名稱。

Markdown All in One

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

對于在VS Code中使用大量Markdown的人來說,這是一個有用的工具。它使建立和編輯Markdown文檔更容易、更快捷,幫助您提高生産力和效率。

這些功能包括文法高亮、代碼塊格式、目錄、預覽模式、表情符号支援、鍵盤快捷鍵等等。

Regex Previewer

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

該擴充在并排文檔中顯示目前正規表達式的比對。這可以用Ctrl+Alt+M打開/關閉。

可以添加全局和多行選項,以便通過狀态欄條目對并排文檔進行評估。當并行文檔有多個示例需要比對時,這很有用。

Better Comments

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

有了這個擴充,您将能夠将您的注釋分類為警報,查詢,TODOs,亮點等。

注釋掉的代碼也可以樣式化,以明确代碼不應該在那裡。您想要的任何其他評論樣式都可以在設定中指定。

Bookmarks

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

Bookmarks擴充可以幫助您浏覽代碼,在重要位置之間輕松快速地移動。

不再需要搜尋代碼。它還支援一組選擇指令,允許您選擇書簽行和書簽行之間的區域。它對日志檔案分析非常有用。

Project Manager

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

項目管理器可以幫助您輕松通路您的項目,無論它們位于何處。不要再錯過那些重要的項目了。

你可以定義你的項目(也稱為收藏夾),或者選擇自動檢測Git、Mercurial或SVN存儲庫、VS Code檔案夾或任何其他檔案夾。

此外,您還可以使用标簽組織您的項目。

Code Spell Checker

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

一個基本的拼寫檢查器,可以很好地處理代碼和文檔。

這個拼寫檢查器的目标是幫助捕獲常見的拼寫錯誤,同時保持低誤報的數量。

Image Optimizer

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

向解決方案資料總管中的任何檔案夾和圖像添加右鍵菜單,使您可以自動優化該檔案夾中的所有PNG、GIF和JPEG檔案。

隻需右鍵單擊任何包含圖像的檔案或檔案夾,然後單擊其中一個圖像優化按鈕。

CSS Peek

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

該擴充支援符号定義跟蹤的所有正常功能,但它适用于CSS選擇器(類,id和HTML标簽)。

您可以内聯加載CSS檔案并在那裡進行快速編輯,直接跳轉到CSS檔案或在新編輯器中打開它或在懸停中顯示定義。

Placeholder Images

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

在Visual Studio Code中使用各種第三方服務(如Unsplash, LoremFlickr等)生成和插入占位符圖像到HTML中。

您可以選擇圖像的寬度、高度、文本和顔色,将生成的IMG标簽插入到HTML中或将其複制到剪貼闆中,或将圖像URL插入到HTML中,複制到剪貼闆中,或在浏覽器中打開它。

Live Server

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

一個帶有實時浏覽器重載的快速開發實時伺服器。在狀态欄上單擊一下即可啟動或停止伺服器。

允許使用者建立可定制的端口号,設定伺服器根,并在設定中附帶預設浏覽器配置選項。

Peacock

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

使用Peacock,你可以巧妙地改變VS Code工作區的顔色。

當你有多個VS Code執行個體,使用VS Live Share,或者使用VS Code的遠端功能,并且你想快速識别你的編輯器時,這是理想的選擇。

Polacode

19 個提高生産力的VS Code 插件,趕緊收藏起來吧!

Polacode是VS Code的擴充,它可以截圖你的代碼。

該擴充生成與源相同樣式和主題的螢幕截圖。

合理使用VS Code提供的擴充插件,可以使我們的工作效率事半功倍!希望以上插件能夠幫助到你,記得收藏!

說明:本文首發頭條,歡迎轉載!轉載請标注來源即可,無需授權!創作不易,喜歡我的文章,記得添加【關注】哦!再次感謝你的支援!

❀ 長按【點贊】會有驚喜哦!❀

~End~

繼續閱讀