最新最全 VSCODE 插件推薦(2022版)


目錄

一、主題及圖標

二、功能強化

三、Git 集成

四、數據庫

五、編程美化

六、開發效率

七、前端開發

八、數據分析

九、修仙插件

一、主題及圖標

GitHub Theme

黑白兩款皮膚
mark
mark

Material Theme

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

Material Icon Theme

扁平化的主題圖標庫
mark
mark

vscode-icons

VSCode官方出品的圖標庫
mark
mark

二、功能強化

settings sync

同步所有設置和插件
mark

wakatime

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

Polacode

代碼截圖
mark

Chinese (Simplified) Language Pack for Visual Studio Code

中文語言包
mark

三、Git 集成插件

GitHub Pull requests

在Visual Studio Code中查看和管理GitHub拉取請求和問題
mark
markmark

Git Graph

Git 圖形化顯示和操作
mark
mark

CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

團隊協作開發,評審,討論
mark
mark

四、數據庫

Oracle Developer Tools for VS Code

Oracle 數據庫支持
mark

SQL Server (mssql)

Microsoft SQL Server 數據庫支持
mark

MySQL

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

MongoDB for VS Code

MongoDB 數據庫支持
mark

五、編程美化

Bracket Pair Colorizer

給匹配的括號上色,可以自定義配置
mark
mark
mark

Highlight Matching Tag

突出顯示匹配的開始和/或結束標簽
官方支持的標記:HTMLJSX。其他樣式(XML,Vue,Angular,PHP)也可以使用,但不能保證正常使用。
mark
在狀態欄中顯示標記的路徑
mark

Markdown Preview Enhanced

在 VSCode 里編寫 Markdown,支持預覽
mark
mark

Image Preview

預覽圖片
markmark

六、開發效率

EditorConfig for VS Code

代碼風格統一

mark

change-case

更改命名風格
mark
mark

Codelf

給變量起名的神器
mark
mark

Prettier - Code formatter

自動格式化代碼
mark

vscode-json

操作美化 json

快捷鍵

  • cmd+alt+v,驗證
  • cmd+alt+b,格式化
  • cmd+alt+u,壓縮
  • cmd+alt+',加轉義字符
  • cmd+alt+;,去轉義字符
    mark
    mark
Regex Previewer

預覽正則表達式效果
mark
mark

七、前端開發

Auto Rename Tag

自動重命名 HTML或XML 標簽
mark
mark

Auto Close Tag

自動添加 HTML/XML 關閉標簽
mark
mark

Path Intellisense

智能路徑提示
mark
mark

npm Intellisense

mark
mark
mark

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
mark
mark
mark

css-auto-prefix

如圖
mark
mark

CSS Peek

查看 css 定義
mark
mark

八、數據分析

Sort lines

對當前文本排序
mark
mark

Data Preview

預覽數據文件
mark
mark

九、修仙插件

LeetCode

刷題利器
mark
mark

VSC Netease Music

網易雲音樂(程序員版)
mark
mark

daily anime

追番神器
mark
mark

轉自:https://www.dianjilingqu.com/


免責聲明!

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



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