记录好用的VSCode扩展

记录VSCode编辑器的神级扩展们，可以在编辑器中直接搜索扩展名安装体验。

vscode-icons

插件用途： 在项目文件列表里替换默认的文件图标，图标很精美，更方便查找。

One Dark Pro

插件用途： 很漂亮的主题配色，比自带的那些配色看起来舒服，配合 mac 屏幕很实用。

Draw.io Integration

插件用途： Draw.io可以用来画“思维导图”、“流程图”、”原型图”、“UML”、“BPMN”等。它的官网域名是https://draw.io，可以直接以浏览器或者安装桌面应用使用。它保存的是矢量数据，可以导出位图。
用法示例： 创建drawio后缀名的文件即可打开使用。

Project Manager

插件用途： 可以保存常用项目到列表里，可以用点击的方式切换到不同项目。
用法示例： 本扩展的操作入口名为PROJECT MANAGER，与资源管理器、搜索等按钮图标同级。

GitLens — Git supercharged

插件用途： 当用户选中当前文件代码的某一行时，自动展示当前行的上一次git commit作者、备注及时间。也可以点击资源管理器左侧的GitLens图标，查看当前文件的git commit所有历史。

Prettier - Code formatter

插件用途： 强制约束前端代码风格，适合大型团队协作。但是因为格式化后的风格并不适合所有人，所以并不推荐个人项目使用。

Beautify

插件用途： 可以格式化Javascript,JSON,CSS,Sass,HTML代码，支持的语言比Prettier少，约束更弱，不会提示代码风格的错误，使用更友好。

Quokka.js

插件用途： 实时运行，展示当前代码的结果，支持Javascript和TypeScript语言。
用法示例： 快捷键command + p，输入>quokka，选择要使用的功能。

Bracket Pair Colorizer

插件用途： 高亮显示成对的括号字符。

HTML Snippets

插件用途： 简写html代码，按Tab键自动生成代码片段。
用法示例： 如输入div + Tab生成<div></div>，或输入html:5 + Tab生成html5的页面结构。

Auto Rename Tag

插件用途： 编辑html,xml标签名时，自动修改前置或后置的对应标签名。