目錄
一、主題及圖標
二、功能強化
三、Git 集成
四、數據庫
五、編程美化
六、開發效率
七、前端開發
八、數據分析
九、修仙插件
一、主題及圖標
GitHub Theme
黑白兩款皮膚


Material Theme
集成了多種主題皮膚,搭配 Material Icon Theme 食用更佳

Material Icon Theme
扁平化的主題圖標庫


vscode-icons
VSCode官方出品的圖標庫


二、功能強化
settings sync
同步所有設置和插件

wakatime
編程時間及行為跟蹤統計


Polacode
代碼截圖

Chinese (Simplified) Language Pack for Visual Studio Code
中文語言包

三、Git 集成插件
GitHub Pull requests
在Visual Studio Code中查看和管理GitHub拉取請求和問題



Git Graph
Git 圖形化顯示和操作


CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review
團隊協作開發,評審,討論


四、數據庫
Oracle Developer Tools for VS Code
Oracle 數據庫支持

SQL Server (mssql)
Microsoft SQL Server 數據庫支持

MySQL
支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

MongoDB for VS Code
MongoDB 數據庫支持

五、編程美化
Bracket Pair Colorizer
給匹配的括號上色,可以自定義配置



Highlight Matching Tag
突出顯示匹配的開始和/或結束標簽
官方支持的標記:HTML和JSX。其他樣式(XML,Vue,Angular,PHP)也可以使用,但不能保證正常使用。

在狀態欄中顯示標記的路徑

Markdown Preview Enhanced
在 VSCode 里編寫 Markdown,支持預覽


Image Preview
預覽圖片


六、開發效率
EditorConfig for VS Code
代碼風格統一

change-case
更改命名風格


Codelf
給變量起名的神器



Prettier - Code formatter
自動格式化代碼

vscode-json
操作美化 json
快捷鍵
cmd+alt+v,驗證cmd+alt+b,格式化cmd+alt+u,壓縮cmd+alt+',加轉義字符cmd+alt+;,去轉義字符


Regex Previewer
預覽正則表達式效果


七、前端開發
Auto Rename Tag
自動重命名 HTML或XML 標簽


Auto Close Tag
自動添加 HTML/XML 關閉標簽


Path Intellisense
智能路徑提示


npm Intellisense



Turbo Console Log
快速添加 console.log 信息,js debug 必備
快捷鍵
ctrl + alt + l 選中變量之后,使用這個快捷鍵生成 console.log
alt + shift + c 注釋所有 console.log
alt + shift + u 啟用所有 console.log
alt + shift + d 刪除所有 console.log



css-auto-prefix
如圖


CSS Peek
查看 css 定義


八、數據分析
Sort lines
對當前文本排序


Data Preview
預覽數據文件


九、修仙插件
LeetCode
刷題利器


VSC Netease Music
網易雲音樂(程序員版)


daily anime
追番神器


