这篇文章主要介绍了这么多年来我在使用 VSCode 过程中用到的一些不错的插件。这些VSCode插件,帮你打造地表最强IDE!

一、主题及图标
GitHub Theme
黑白两款皮肤


Material Theme
集成了多种主题皮肤,搭配 Material Icon Theme 食用更佳。【推荐学习:vscode教程、www.downzz.com】

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
给匹配的括号上色,可以自定义配置
注意:该插件已经内置到 vscode,不用重复安装,
设置方法:setting 里搜索 editor.bracketPairColorization.enabled
,设置为 true
即可生效



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
追番神器


更多关于VSCode的相关知识,请访问:vscode教程!!