用于 Web 开发的最佳 VS Code 扩展
VS Code 是最优秀、最轻量级的代码编辑器之一。其深色主题和丰富的扩展程序对开发者非常友好。本文将介绍一些优秀的 VS Code 扩展程序，它们可以帮助开发者更快、更高效地编写代码。
Thunder客户端
安装此扩展后，即可告别 Postman。此扩展可帮助您在 VS Code 中调用 API。您只需前往扩展程序部分并安装Thunder Client扩展即可。您会在左侧找到一个带有电光效果的小图标。点击它即可开始使用。
Markdown All in One
如果所有 Markdown 功能（包括自动预览、快捷键和自动补全）都能由一个扩展程序管理，那就太好了。有了这个扩展程序，您可以实时预览 Markdown，使用Ctrl+B和Ctrl+I等快捷键也能让 Markdown 的编写过程更加轻松。
要进行实时预览，请使用快捷键 Ctrl+Shift+K+V。
更漂亮
开发者最常遇到的问题是逗号和冒号的用法，或者如何正确调整代码。Prettier 代码扩展可以管理代码格式并进行正确对齐，使代码看起来更美观。
CSS 预览
CSS Peek 扩展程序是一款便捷的扩展程序，可在输入 HTML 标签时检查 CSS 代码。将鼠标悬停在类名上并按下 Ctrl 键，即可查看该类的 CSS 代码。点击类名，即可跳转到 CSS 页面查看代码。
实时服务器
此服务器会在保存代码后自动重新加载页面。预览已保存的代码时，您无需手动刷新页面。它会自动重新加载页面并显示最近保存的代码的输出结果。
埃米特
大多数时候，编写包含 head、title 以及 head 标签内其他标签的完整 HTML 标签很枯燥。Emmet 扩展程序可以自动生成 HTML 页面的初始代码。只需输入 `<head>` 标签，!+tab
即可获得初始代码。
自动重命名标签
对于 Web 开发人员来说，这是一个非常强大且实用的扩展程序。它可以自动补全结束标签和开始标签，反之亦然。此扩展程序对 React 应用程序也很有用。
还有很多其他非常实用的 VS Code 扩展，如果你知道任何有用的扩展，请在评论区留言。
文章来源：https://dev.to/commentme/best-vs-code-extensions-used-for-web-development-426