Auto Close Tag 自动闭合
Auto Rename Tag 自动重命名配对的HTML / XML标签
Bracket Pair Colorizer 各个成对儿的括号都会以不同的颜色进行区别
change-case 修改变量驼峰命名
Chinese 中文
Code Spell Checker 检查单词拼写是否出现错误,检查的规则遵循 camelCase
Color Info 将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型
CSS Peek 鼠标放到任意id或者类按住ctrl+左键 他会自动追踪你的css位置
css-auto-prefix 根据浏览器自动补齐前缀
Devtools for Chrome 调试工具
ESlint 语法检查
GitLens 可以直接在光标处显示代码编写人以及时间;方便共同开发时候git做版本控制时候的相关代码管理
HTML Boilerplate 只需在空文件中输入 html,并按 tab 键,即可生成干净的文档结构。
HTML CSS Support 自动补齐
HTML Snippets html片段
Import Cost 引入包大小计算,对于项目打包后体积掌握很有帮助
JavaScript(ES6)code snippets 语法检查
JavaScript Booster 非常棒的重构工具,比如将var替换为const或则let,移除无用的else语句,将变量声明和变量初始化合并。应该说很大程度上受到Webstorm的启发。
Path Intellisense 自动填充文件名
Prettier-Code formatter格式化代码
Regex Previewer 正则表达式预览效果
Stylelint css代码规范
Error Lens 让报错信息具体提示到每一行
TODO Highlight
Vetur
View In Browser
vscode-json
Vue3 Snippets 快速生成v3模板
Vue Helper vue的插件
Highlight Matching Tag 突出显示匹配的打开或关闭标记
Color Highlight 此插件设置了文档中的css/web颜色样式,使得颜色高亮,易于分辨。
vscode-icons 改变编辑器里面的文件图标