Visual Studio Code常用插件

汉化插件 Chinese

准确匹配括号的头尾区间 Bracket Pair Colorizer 2

不同组的括号颜色区分，彩虹括号 Rainbow Brackets

解决格式问题 prettier code formatter
window系统版透明背景 Windows opacity 或者 GlassIt-VSC （ctrl+alt+z 透明度提高/ +c 降低）

MAC版毛玻璃背景插件 Vibrancy Continued
地址：https://eyhn.in/vscode-vibrancy/
启用：在 VSCode 中按下 shift+command+P 键打开命令面板，输入命令 “Reload Vibrancy”
卸载：在 VSCode 中按下 shift+command+P 键打开命令面板，输入命令 “Disable Vibrancy”
未来每次 VSCode 更新后需要重新运行 “Reload Vibrancy”。
打开 VSCode 时可能会提示「Code 安装似乎损坏。请重新安装」。点击不再提示即可，不会影响使用。

Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。

CSS Peek
使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

Color Info
这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。

部分来自： https://juejin.im/post/5db66672f265da4d0e009aad