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
作用:编辑器中输入时,炫酷效果
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值