作者 | Anupam Chugh 译者 | 弯月

出品 | CSDN（ID：CSDNnews）

Visual Studio Code 是当前最受欢迎的源代码编辑器之一。VSCode 的流行得益于丰富的扩展库，使得第三方API的插入和使用变得更加容易。你甚至可以创建自己的 API 扩展，并发布到 Visual Studio 市场。

2021年，许多新出的 VS Code 扩展广受开发人员的好评。在本文中，我们就来介绍一些我喜欢的扩展。希望这些扩展能够帮助你提高生产力，并扩展开发人员的工作流程。

GitHub Copilot

首先来介绍一下 GitHub Copilot，这是一款由 GitHub 和 OpenAI 的 Codex 创建的AI 程序员工具，可以根据你提供的上下文自动生成代码。

使用 VS Code 或 Jetbrains 的开发人员非常喜欢这款工具，因为它可以使用大多数编程语言生成整块的代码。想了解更多信息？你可以在 IDE 中与 Copilot 直接对话。

首先，你需要下载 GitHub Copilot VS Code 扩展（https://marketplace.visualstudio.com/items?itemName=GitHub.copilot），链接到 GitHub 账号，并为该扩展授权（如果尚未注册 Copilot，则需要加入候补名单）。

我使用 GitHub Copilot 测试了一些流行的 JavaScript 和 Swift 代码片段，效果很好。你可以尝试编写一个函数，或只需写一条注释，Copilot就会提供相应的代码。

你可以使用 Option + ] 和 Option + [ 切换建议的代码，或者使用 Tab 接受完整的代码。

Copilot带来了无限的可能性。我尝试了使用 Copilot 快速创建了一系列的函数：检查回文字符串、验证电子邮件、密码以及利用URL 获取 JSON 。

你还可以询问“current price of Bitcoin and Ethereum”（比特币和以太坊的当前价格），Copilot 就可以立即生成所需的函数。Copilot 最棒的地方在于，它几乎超越了所有其他代码片段的 VS 代码扩展。

Thunder Client

API测试是开发人员日常工作的关键组成部分。如果想在将 API 端点集成到应用程序之前，测试和验证 API 端点，则Postman 是一款很趁手的工具。

但是，在 VS Code 中测试 API 需要频繁切换思路（因为你要切换到别的应用）。Thunder Client 为我们提供了一款轻量级、易用、整洁、简单的 Rest API 客户端扩展。

我们可以利用 Thunder Client 在编辑器内快速测试代码库的 API 端点，从而最大限度地减少页面的切换。它可以替代 Postman，作为常用的无脚本测试工具。

Snipped

我们都喜欢在社交媒体上分享日常工作中的代码片段。通常，我们需要将代码片段复制粘贴到 carbon.now.sh 中，然后导出屏幕截图。

Snipped可以直接在从 VS Code 编辑器自动为我们完成这项任务。让我们告别在推特中复制粘贴代码，将代码截图直接保存到剪贴板中。

Lorem.space

如果你想快速创建一个包含虚拟内容的 Web 应用程序原型，则Lorem.space 是理想的 VS Code 扩展。

Lorem.space是一个随机图像占位符生成器 API，提供不同的类别可供选择。

你只需按下 CMD + Shift + P ，从下拉菜单中选择 Lorem.space，选择合适的类别（披萨、汉堡、人像或家具等），输入所需的宽度和高度，lorem.space 就会自动生成图像占位符的 URL。

面向 JavaScript 和 TypeScript 的 AI Doc Writer

软件开发人员对编写文档往往有不同的看法。有些人很喜欢文档，而有些人则认为编写文档是浪费时间。

Mintlify即将推出一款 VS Code 扩展 AI Doc Writer，这款工具的目标是利用工具编写文档。

只需选中代码的某个函数并按 Command +，AI Doc Writer 就可以生成该函数的文档。我测试了一个函数，效果还不错。

如上所示，选不选函数中的空白，会生成截然不同的文档。

需要源代码的搜索引擎吗？Mintlify Search Engine是同一团队开发的另一款 VS Code 扩展。你可以用自然语言编写搜索查询来查找代码片段。此外，你还可以询问特定代码的功能。现阶段，该扩展还处于小范围测试阶段。

Blockman

你想高亮显示代码的作用域吗？这样就可以更轻松地阅读当前代码块。有时在向同事解释不同的控制流时，高亮显示尤其有帮助。

不用担心，VS Code 扩展 Blockman 正如其名所示：将代码显示成方块。

Blockman允许你修改代码块的显示颜色和深度、切换焦点，还有其他自定义。

在选中的框内高亮显示嵌套的代码块非常容易。如下展示了利用这款工具显示一层层的缩进：

Live Frame

LiveFrame 也是一款可以在编辑器内运行和预览 Web 应用程序的 VS Code 扩展。可以帮助我们减少在 VS Code 和浏览器之间频繁地切换。

除了提高生产力之外，Live Frame 扩展还可用于录制或展示交互式演示教程。

参考链接：

https://betterprogramming.pub/new-vs-code-extensions-released-2021-ee34a0b3a03f

7 个不容错过的 VS Code 扩展相关推荐

墙裂推荐，Python开发者不容错过的7个VS Code扩展
Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows. Linux 和 macOS 等操作系统的免费代码编辑器,它支持测试,并内置了 Git 版本控制 ...
直接上手！不容错过的Visual Studio Code十大扩展组件
作者 | David Neal 译者 | 谭开朗,责编 | 屠敏转载自CSDN(ID:CSDNnews) 各大平台与各种语言的开发人员都在使用Visual Studio Code,我对此感到惊讶.S ...
直接上手！不容错过的 Visual Studio Code 十大扩展组件
盘点最常用的十大 Visual Studio Code 扩展组件. 作者 | David Neal 译者 | 谭开朗,责编 | 屠敏出品 | CSDN(ID:CSDNnews) 各大平台与各种语言的 ...
mysql56401_一款你不容错过的Laravel后台管理扩展包 —— Voyager
一款你不容错过的Laravel后台管理扩展包 -- Voyager 由学院君创建于4年前, 最后更新于 4个月前版本号 #3 43101 views 16 likes 0 collects 1. ...
立足GitHub学编程：13个不容错过的Java项目
今天我们将整理一大波干货满满的优秀Java项目. GitHub可谓一座程序开发的大宝库,有些项目值得fork,有些则能帮助我们改进自有代码或者学习编程技能.无论如何,开发工作当中我们几乎不可能绕得开G ...
2020 有哪些不容错过的前端技术趋势？
**导读:**2019 年的大前端热闹非凡,Serverless,Flutter,Vue3.0,桌面应用开发,小程序,WebAssembly 的火爆发展还是超乎我们预期,2020 的大前端又有哪些不容 ...
想让AI在企业落地？微软最新Azure AI不容错过！
Microsoft Connect(); 2018 如期举行,大会上发布的众多顶尖技术,瞬间引爆了全球! AI的高速发展,正在掀起新一波的创新浪潮.对于很多企业来说,AI创造的巨大价值,是不容错过的风 ...
chrome vue插件_不容错过的 Chrome 插件推荐合集-开发者必备篇
没有安装扩展的浏览器,只发挥了 20% 的功力. 谷歌Chrome浏览器全球市场份额已接近 70%,谷歌浏览器除了本身方便易用外,各种各样的插件也让浏览器的功能发挥到了极致. 今天我们来介绍下不容错 ...
SDCC 2017·深圳站八大不容错过的理由
在互联网大潮下,2017年的就业环境越发恶劣,技术人如何去适应技术变革和学习新技术,以及如何快速增强自身的技术实力成为亟需解决的问题.如果你在看完一本技术图书后还是疑惑不解,处于目前项目遇到困难时无人 ...

7 个不容错过的 VS Code 扩展