VSCode最強插件推薦(持續更新)


一、通用插件

  • Codelf

描述:變量命名神器

  • Bracket Pair Colorizer

描述:成對的彩色括號,讓括號擁有獨立的顏色,便於區分

  • Prettier - Code formatter

描述:格式化代碼

  • indent-rainbow

描述:帶彩色的縮進,交替四種不同的顏色,它對編寫Nim或Python代碼有幫助。

  • change-case

描述:快速更改當前選擇或當前單詞的大小寫(camelCase, CONSTANT_CASE, snake_case等)

  • vscode-icons

描述:圖標插件,可以將項目中不同類型的文件或文件夾通過圖標區分出來,一目了然

二、Web前端插件

  • View In Browser

描述:在瀏覽器里面預覽正在編輯的html文件

  • Live Server

描述:啟動一個開發本地服務器,為靜態和動態頁面提供實時重載功能

  • Color Highlight

描述:CSS/Web高亮顯示樣式顏色

  • Highlight Matching Tag

描述:高亮顯示對應的HTML標簽以及標識出對應的各種括號

  • Path Intellisense

描述:在編輯器中輸入路徑的時候,能自動補全

  • Auto Close Tag

描述:自動補全HTML/XML標簽

  • Auto Rename Tag

描述:自動重命名HTML標簽,如修改p標簽為a,將自動修改結尾標簽p為a

  • HTML Snippets

描述:智能提示HTML標簽,以及標簽的含義

  • HTML CSS Support

描述:HTML的id和class屬性補全,支持鏈接和嵌入樣式表,支持模板繼承,支持額外的樣式表,支持其他HTML語言,根據需要驗證CSS選擇器。

  • Vue Language Features (Volar)

描述:Vue3插件,實現代碼高亮及語法提示。使用Vue3則安裝Volar,使用Vue2則安裝Vetur,二者不能共存。

  • Vue 3 Snippets

描述:一款快速生成Vue3代碼的插件。

  • koroFileHeader

描述:用於生成文件頭部注釋和函數注釋的插件,支持所有主流語言,功能強大,靈活方便。
文檔:https://github.com/OBKoro1/koro1FileHeader/wiki

  • 文件頭部注釋快捷鍵:ctrl+win+i
  • 函數注釋注釋快捷鍵:ctrl+win+t
  • Better Align

描述:代碼對齊工具,支持的符號有:冒號(😃、操作符(=,+=,-=,*=,/=) 和箭頭(=>),還支持逗號優先的編碼風格和尾隨注釋。它不需要你選擇要對齊的東西,擴展程序會自己找到它。

設置快捷鍵:1)文件->首選項->鍵盤快捷方式 2)搜索wwm,找到Align(wwm.aligncode),雙擊->按快捷鍵->回車

  • rong-notes

描述:代碼注釋
特征:我們可以使用/+tab來創建注釋(單行注釋)。還有其他選項的列表:
rw/+tab創建文件注釋。(文件注釋)
ra/+tab創建一個 ABtest-note。(AB測試注釋)
rf/+tab創建功能注釋。(函數注釋)
cmd+3用一串日期插入/替換選定的單詞。格式為yyyy-mm-dd hh-mm-ss. (插件當前時間)
cmd+4通過所選單詞添加功能注釋(功能聲明)。(根據函數聲明生成函數注釋)
用於tab交換光標位置或確認您的輸入。(切換鍵入位置)

三、C#插件

  • C#

  • C# Extensions

image-20220124163524865
  • Auto-Using for C#

自動導入並為尚未導入到C#文件中的引用提供智能感知。

  • Code Runner

可以運行多種語言的代碼片段或代碼文件,Code Runner使用說明

四、其他插件

  • Git Graph

Git Graph主要是用來顯示git log,UI比較好看,安裝后使用命令Git Graph: View Git Graph (git log)查看,可以設置一個快捷鍵方便使用。

  • Markdown Preview Enhanced

Markdown Preview Enhanced插件的預覽功能比較強大,可在預覽窗口選擇主題,支持[TOC]標題列表,而且導出功能很好用。

  • Markmap

Markmap只需要簡單的Markdown語法,畫出來的思維導圖非常漂亮,在安裝好之后,在.md文檔編輯窗口的右上角就會多一個預覽的圖標Open as markmap,當然也可手動打開命令面板,輸入Open as markmap。可以秒殺絕大部分的收費軟件了。

  • Draw.io Integration

Draw.io能畫的圖很多,而且導出支持的格式也比較多,可以作為visio的替代品。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM