VSCode常用插件

Code Spell Checker
作用:帮助我们发现代码中拼写错误的单词
在这里插入图片描述
Bracket Pair Colorizer
作用:高亮匹配代码块括号,让括号拥有独立的颜色,便于区分
在这里插入图片描述
Color Picker
作用:修改代码的颜色选择器
在这里插入图片描述
Class autocomplete for HTML
作用:可以自动补全 class=“” 的属性
在这里插入图片描述
Auto Close Tag
作用:自动补全标签
在这里插入图片描述
Auto Rename Tag
作用: 当重命名 html标签时,自动同步更换结尾标签。
在这里插入图片描述
Color Highlight
作用:高亮显示样式颜色
在这里插入图片描述
Highlight Matching Tag
作用:高亮显示对应的HTML标签以及标识出对应的各种括号
在这里插入图片描述
Path Intellisense
作用:输入路径时,可以自动提示并补全路径
在这里插入图片描述
HTML Snippets
作用:自动提示 HTML 标签,包括标签的含义
在这里插入图片描述
HTML CSS Support
作用:html 标签上 class 智能提示当前项目所支持的样式
在这里插入图片描述
GitLens–Git supercharged
作用:自动 git 代码追踪,查看代码是谁修改的
在这里插入图片描述
**open in browser **
作用:页面文件右键,可以在浏览器预览
在这里插入图片描述
indent-rainbow
作用: 代码区缩进,呈现带颜色的缩进。
在这里插入图片描述
Chinese (Simplified) Language Pack for Visual Studio Code
作用:为VS Code提供本地化界面,中文(简体)语言包
在这里插入图片描述
image preview
作用: 页面当中,鼠标 hover图片路径上,显示图像预览
在这里插入图片描述
CSS Peek
作用:自动追踪 CSS的样式
在这里插入图片描述
jQuery Code Snippets
作用:jQuery代码段自动提示
在这里插入图片描述
JavaScript (ES6) snippets
作用: 支持 JavaScript ES6语法
在这里插入图片描述
JavaScript (ES6) code snippets
作用:页面中 ES6语法提示
在这里插入图片描述
vscode-icons
作用:自动根据不同的文件类型添加不同的图标样式
在这里插入图片描述
Import Cost
作用: 编辑器中显示引用包的大小。
在这里插入图片描述
Trailing Spaces
作用: 突出显示页面尾部,多余的空格;方便快速删除它们!
在这里插入图片描述
Power Mode
作用:编辑器中输入时,炫酷效果
在这里插入图片描述


版权声明:本文为Shivy_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。