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

黑白两款皮肤


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

扁平化的主题图标库


VSCode官方出品的图标库


同步所有设置和插件

编程时间及行为跟踪统计


代码截图

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

在Visual Studio Code中查看和管理GitHub拉取请求和问题



Git 图形化显示和操作


团队协作开发,评审,讨论


Oracle 数据库支持

Microsoft SQL Server 数据库支持

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

MongoDB 数据库支持

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



突出显示匹配的开始和/或结束标签
官方支持的标记:HTML和JSX。其他样式(XML,Vue,Angular,PHP)也可以使用,但不能保证正常使用。

在状态栏中显示标记的路径

在 VSCode 里编写 Markdown,支持预览


预览图片


代码风格统一

更改命名风格


给变量起名的神器



自动格式化代码

操作美化 json
快捷键
cmd+alt+v,验证cmd+alt+b,格式化cmd+alt+u,压缩cmd+alt+',加转义字符cmd+alt+;,去转义字符


预览正则表达式效果


自动重命名 HTML或XML 标签


自动添加 HTML/XML 关闭标签


智能路径提示


编程教学0



编程教学1
快速添加 console.log 信息,js debug 必备
快捷键
ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log
alt + shift + c 注释所有 console.log
alt + shift + u 启用所有 console.log
alt + shift + d 删除所有 console.log



编程教学2
如图


编程教学3
查看 css 定义


对当前文本排序


编程教学5
预览数据文件


刷题利器


编程教学7
网易云音乐(程序员版)


编程教学8
追番神器


更多关于VSCode的相关知识,请访问:vscode教程!!
以上就是2023年最新最全的VScode插件推荐的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号