1. Bracket Pair Colorizer
这个插件可以让括号的前后颜色不同,方便查看代码结构。
2. Prettier - Code formatter
这个插件可以使你的代码更加整洁美观,适用于多种语言,且支持自定义配置。
3. ESLint
这个插件可以帮助你在编辑代码时自动检查语法错误和格式问题,提高代码质量。
4. GitLens - Git supercharged
这个插件可以在编辑器中展示 Git 信息,包括作者、提交信息、更改记录等,方便开发者查看和管理版本控制。
5. Live Server
这个插件可以让你启动一个本地服务器,实时预览网页,并且在编辑器中修改代码会自动刷新。
6. Auto Rename Tag
这个插件可以让你在修改 HTML 或 XML 标签时,自动修改相应的结束标签,避免手动修改带来的出错和麻烦。
7. Color Highlight
这个插件可以在编辑器中显示颜色代码对应的颜色,直观展示颜色效果。
8. Material Icon Theme
这个插件可以将 VSCode 菜单栏的图标更改为 Material Design 风格,提高界面美观度。
9. Path Intellisense
这个插件可以让你在编辑器中快速定位文件路径,省去手动查找文件的麻烦。
10. Code Spell Checker
这个插件可以在编辑器中检查单词拼写错误,并提供正确拼写选项。
11. Debugger for Chrome
这个插件可以在编辑器中连接 Chrome 浏览器的调试器,便于调试 JavaScript 代码和浏览器中的问题。
12. Vim
这个插件可以让你在 VSCode 中使用 Vim 快捷键,提高代码编辑效率和体验。
13. Markdown Preview Enhanced
这个插件可以在编辑器中预览 Markdown 文档,并提供各种样式和主题,方便编写文档。
14. Markdown All in One
这个插件可以为 Markdown 文档提供快捷键和语法高亮,提高编辑效率。
15. HTML CSS Support
这个插件可以为 HTML、CSS 中的类名和 ID 提供自动提示和补全,方便编写样式。
16. IntelliSense for CSS class names
这个插件可以为 HTML 和 CSS 中的类名提供智能提示和补全,避免手写出错。
17. HTML Snippets
这个插件可以为 HTML 中常用的代码块(如标签、表单、多媒体等)提供快捷键和补全。
18. CSS Peek
这个插件可以在编辑器中预览 CSS 样式,对应在 HTML 中的元素,在样式文件和 HTML 文件间快速切换。
19. ES7 React/Redux/GraphQL/React-Native snippets
这个插件可以为 React 开发提供常用的代码块和快捷键,提高效率。
20. Reactjs code snippets
这个插件也是为 React 开发提供常用代码块和快捷键的,可以和上一个插件结合使用。
21. Kubernetes
这个插件可以在编辑器中展示 Kubernetes 集群的状态和配置,方便管理和调试。
22. Docker
这个插件可以为 Docker 开发提供常用的代码块和快捷键,方便快速编写 Dockerfile。
23. REST Client
这个插件可以在编辑器中测试 RESTful API,可以直接用文本文件保存请求和响应的数据。