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阅读的人类可读形式。