Visual Studio Code（简称VSCode）是一个由微软开发的免费、开源的代码编辑器。

VSCode 发布于 2015 年，而且很快就成为开发者社区中广受欢迎的开发工具。

VSCode 可用于 Windows、macOS 和 Linux 等操作系统。

VSCode 拥有一个庞大的扩展市场，用户可以根据自己的需要安装各种扩展来增强编辑器的功能，包括语言支持、代码格式化工具、版本控制集成、主题和图标等。

我们可以在 VSCode 上轻松查找并安装扩展：

接下来我们来看下2024 年开发人员必备 VS Code 插件：

1、Live Server

Live Server 插件为开发者提供了一个本地服务器，可以实时显示 HTML、CSS 和 JavaScript 文件的修改。

Live Server 通过内置的本地服务器简化了网页开发和测试过程，使用这个扩展，你可以一键启动服务，实时查看代码更改的效果，从而提高开发效率。

扩展搜索关键词：Live Server

插件链接地址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

效果演示：

2、Markdown All in One

Markdown All in One 为 Markdown 文件提供了增强的编辑体验，包括实时预览、快捷键、自动生成目录、以及对 GitHub 风格 Markdown 的支持，使得 Markdown 文档的编写和阅读更加高效和直观。

Markdown All in One 支持 LaTeX 数学表达式的渲染，还支持将 Markdown 文档转换为 HTML 格式。

扩展搜索关键词：Markdown All in One

插件链接地址：https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

列表编辑演示：

3、GitLens

GitLens 通过提供详细的提交历史、代码作者信息和图形化的分支视图，极大地增强了 VS Code 的 Git 功能。

使用 GitLens，开发者可以轻松地追踪和管理代码变更，从而优化团队协作和代码审查过程。

扩展搜索关键词：GitLens

插件链接地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

只需单击按钮，您就可以浏览任何文件的历史记录，比较一段时间内的更改并查看整个文件或单个行的修订历史记录。

4、Code Spell Checker

Code Spell Checker 通过扫描代码中的英文拼写错误，帮助开发者维护代码的准确性和专业性，确保变量名、注释和文档的清晰和正确。

Code Spell Checker 支持自动检测和提供修正建议，从而提升代码的整体质量和可读性。

扩展搜索关键词：Code Spell Checker

插件链接地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

演示：

5、Beautify

Beautify 可以自动美化和格式化 JavaScript、JSON、CSS、Sass 和 HTML 代码，支持自定义配置以符合不同的编码风格，让代码更加整洁易读。

目前该扩展已不再维护。

扩展搜索关键词：Beautify

插件链接地址：https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

6、Better Comments

Better Comments 通过允许开发者使用不同的标记和格式来分类和突出显示代码中的注释，从而提高注释的可读性和组织性，使得代码更加易于维护和理解。

扩展搜索关键词：Better Comments

插件链接地址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

例子：