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

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


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

扁平化的主题图标库


VSCode官方出品的图标库


二、功能强化
同步所有设置和插件

编程时间及行为跟踪统计


代码截图

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

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



Git 图形化显示和操作


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


Material Theme3
Oracle 数据库支持

Microsoft SQL Server 数据库支持

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

MongoDB 数据库支持

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



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

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

在 VSCode 里编写 Markdown,支持预览


预览图片


睿拓智能网站系统-网上商城1.0免费版软件大小:5M运行环境:asp+access本版本是永州睿拓信息专为电子商务入门级用户开发的网上电子商城系统,拥有产品发布,新闻发布,在线下单等全部功能,并且正式商用用户可在线提供多个模板更换,可实现一般网店交易所有功能,是中小企业和个人开展个人独立电子商务商城最佳的选择,以下为详细功能介绍:1.最新产品-提供最新产品发布管理修改,和最新产品订单查看2.推荐产
vscode教程1
代码风格统一

更改命名风格


给变量起名的神器



自动格式化代码

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


预览正则表达式效果


vscode教程7
自动重命名 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 定义


编程教学4
对当前文本排序


编程教学5
预览数据文件


编程教学6
刷题利器


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


编程教学8
追番神器


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









