VSCode 插件大全

---

设置 - 拓展：

相关参考

VSCode必备插件汇总
VSCode中值得推荐的前端插件（工具篇）
最新最全 VSCODE 插件推荐（2022版）

---

【功能类】

Chinese 简体中文

——————————

Polacode 代码截图

——————————

file-size

官网地址：https://marketplace.visualstudio.com/items?itemName=zh9528.file-size

——————————

Git History （！）

官网查看：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

——————————

Live Server

——————————

open in browser

---

【补全、提示、格式化代码类】

Auto Rename Tag

Auto Rename Tag
自动重命名 HTML 或 XML 标签

——————————

Turbo Console Log

Turbo Console Log
快速添加 console.log 信息，js debug 必备

快捷键

ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u 启用所有 console.log

alt + shift + d 删除所有 console.log



——————————

css-auto-prefix

css-auto-prefix

——————————

CSS Peek

CSS Peek
查看 css 定义

——————————

Path Intellisense

Path Intellisense
路径智能提示

——————————

Path Autocomplete

路径智能补全

——————————

Beautify （！！）

格式化代码，值得注意的是，beautify 插件支持自定义格式化代码规则

——————————

Vue 3 Snippets (!!!)

Vue 3 Snippets

newvue


meth : methods

官方文档：快捷键----代码块！！

---

【主题、颜色、高亮显示类】

GitHub Theme （绝了）

——————————

Bracket Pair Colorizer （官方不维护了……）

（1）给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。

（2）这种相关插件很多，有些官网不维护了，但是公司内网的插件库 能找到！

——————————

Highlight Matching Tag （绝绝子）

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

——————————

colorize （！）

colorize



——————————

Output Colorizer （！！）

在output中 分颜色显示错误代码！

——————————

Material Icon Theme

扁平化主题显示

---

修仙插件

LeetCode

LeetCode