VS Code 常用插件

1. VS Code 的中文（简体）语言包

2. 自动闭合标签

3. 标签重命名 修改首标签 闭合标签自动修改

4. UI-颜色主题

5. 鼠标悬停在元素的类名或元素ID上，就可以看到应用于这个元素的 CSS 规则

6. 个人喜欢的主题

其他: Night Owl, Pink Cat Boo， Panda Syntax, Mini Dark, Gatito Theme, One Monokai

7. less 插件

8. ES6 代码片段提示

9. 服务器打开项目

10. 默认浏览器打开项目

11. 项目文件图标

12. 代码补全工具

13. Quokka.js 是编辑器中的原型平台，可以访问项目文件，内联报告等。代码中的值在运行时更新，并在键入代码时显示在IDE中的代码旁边。

14. REST Client

REST Client 扩展工具允许你发送 HTTP 请求并直接在 VSCode 中查看响应。再也不需要使用外部应用程序向服务器发送 HTTP 请求。

这是一个非常流行的扩展工具，得到众多开发人员的青睐，获得了超过 100W 次的安装。另外我自己也使用这个插件已经有一段时间了，我觉得它很棒。

发送请求变得如此容易。语法非常简洁，并且提供了很多选项以满足你的需求。简单的 GET 请求只需要一行代码，GET 关键字后跟 URL 即可。

15. 路径提示

16. Color Highlight

下载地址：
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

简单而强大的扩展，可以实时为所有文件以实际颜色边框或背景突出显示颜色，这样您就不必浪费时间在下次找出特定值的颜色。

17. CodeSnap

直接从VS Code中拍摄一张可爱的代码快照，怎么样？只需安装此扩展程序，按下Ctrl + Shift + P，搜索CodeSnap，选择您想要捕捉的代码，然后您的快照就可以分享了！

18. Error Lens

它可以在编辑器本身上显示错误和警告（带有颜色代码），从而减少了始终需要悬停在红线上的需求。

19. SVG Preview

此扩展为VS Code添加了对SVG的实时预览和实时编辑的支持。

20. Turbo Console Log

这对JavaScript和TypeScript开发人员来说是必备的，因为它允许通过选择变量并使用键盘快捷键（Ctrl + Alt + L）来添加有用的日志消息。
它还支持对当前文档中扩展添加的所有日志消息进行注释/取消注释。告别手动输入日志信息。

21. TypeScript Error Translator

TypeScript的错误有时可能会令人困惑和沮丧，但是这个扩展将错误转化为可直接从IDE阅读的人类可读形式。