【VSCode】VSCODE 插件推荐(2025版)

一、主题及图标

GitHub Theme
黑白两款皮肤
在这里插入图片描述
在这里插入图片描述
Material Theme
集成了多种主题皮肤,搭配 Material Icon Theme 食用更佳
在这里插入图片描述
Material Icon Theme
扁平化的主题图标库
在这里插入图片描述
在这里插入图片描述
vscode-icons

VSCode官方出品的图标库
在这里插入图片描述
在这里插入图片描述

二、功能强化

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

给匹配的括号上色,可以自定义配置
注意:该插件已经内置到 vscode,不用重复安装,

设置方法:setting 里搜索 editor.bracketPairColorization.enabled,设置为 true 即可生效
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
Highlight Matching Tag

突出显示匹配的开始和/或结束标签
官方支持的标记:HTMLJSX。其他样式(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
预览正则表达式效果
在这里插入图片描述
在这里插入图片描述

七、前端开发

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
预览数据文件
在这里插入图片描述
在这里插入图片描述

九、AI 辅助

GitHub Copilot
在这里插入图片描述
用过忘不了。根据函数名,注释,让 AI 辅助你写代码。常见任务甚至会考虑复杂度和最优解。
目前已经更新了很多功能,包括自动 debug,优化代码等等,程序员的福音。
在这里插入图片描述
但是需要先获取授权,传送门
使用学生邮箱可以免费申请,传送门

十、修仙插件

LeetCode
刷题利器
在这里插入图片描述
在这里插入图片描述
VSC Netease Music
网易云音乐(程序员版)
在这里插入图片描述
在这里插入图片描述
daily anime
追番神器
在这里插入图片描述
在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐