美文网首页
超好用的7个vscode扩展

超好用的7个vscode扩展

作者: 追梦人在路上不断追寻 | 来源:发表于2023-08-21 09:07 被阅读0次

Visual Studio Code无疑是当今最受欢迎的源代码编辑器工具。

image.png

1. GitHub Copilot

我们必须从GitHub Copilot开始,这是由GitHub和OpenAI的Codex创建的流行的AI程序员工具,用于根据您提供的上下文自动生成代码。

使用VS Code或Jetbrains的开发人员会很高兴,因为Copilot扩展可以为大多数编程语言建议整个代码块。需要更多?你可以从你的IDE与Copilot聊天。

要开始使用,需要下载GitHub Copilot VS Code扩展,链接他们的GitHub帐户,并确保他们已经授权(如果您尚未注册Copilot,则需要加入候补名单)。

image.png

我用 GitHub Copilot 测试了一些流行的 JavaScript 和 Swift 代码片段,效果很好。您可以开始编写函数,或者只是对您想要实现的目标添加注释 - Copilot将提供一个很好的配方代码。

可以使用 and 或使用 Tab 在代码建议之间切换以接受已完成的代码。Option + ]``Option + [

Copilot带来的可能性确实是无限的。我设法快速创建函数来检查回文字符串,验证电子邮件,密码以及从URL获取JSON。

尝试询问“比特币和以太坊的当前价格”,Copilot将几乎实时生成所需的功能。关于Copilot的最好的事情是它几乎是Sherlocks几乎所有其他代码片段VS代码扩展。

2. Thunder Client

API 测试是开发人员日常工作流程的关键组成部分。Postman 是用于在将 API 端点集成到应用程序中之前对其进行测试和验证的 goto 工具之一。

但是,在使用 VS Code 时,API 测试通常会导致上下文切换(或者更确切地说是应用切换)。很高兴,迅雷客户端通过提供轻量级易于使用、干净和简单的 Rest API 客户端扩展工具来拯救我们。

image.png

Thunder Client 允许您在编辑器本身中快速测试代码库的 API 端点,从而最大限度地减少选项卡切换。让我们执行无脚本测试使其成为Postman的一个非常有吸引力的替代方案(尽管是一个精简版)。

3. Sniped

我们都喜欢在社交媒体上分享日常工作流程中的代码片段。不是吗?通常,会将代码片段复制粘贴到 carbon.now.sh 中,然后导出屏幕截图。

Gladly Sniped直接从VS Code编辑器自动为我们完成此任务。

image.png

告别在 Twitter 中复制粘贴代码,因为你现在可以直接在剪贴板中存储代码选择的屏幕截图。

4. Lorem.space

如果你希望使用虚拟内容快速制作 Web 应用的原型,Lorem.space 是理想的 VS Code 扩展。

image.png

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

因此,从下拉列表中选择 Lorem.space,选择合适的类别,输入所需的宽度、高度,然后将为您生成图像占位符 URL。CMD + Shift + P``lorem.space

5.AI Doc Writer

软件开发人员对编写文档往往有不同的看法。有些人喜欢它,而另一些人则认为它是开销。

由Mintlify开发的新兴VS Code扩展,AI Doc Writer致力于通过让该工具处理文档来使编写文档变得有趣。

只需突出显示代码并按下 mac 即可生成函数的文档。我在GitHub Copilot生成的一个函数上测试了它,结果还不错。Command + .了解在函数中选择空格如何生成截然不同的文档。

image.png

需要一个谷歌你的代码库吗?Mintlify 搜索引擎是同一团队的另一个 VS Code 扩展。它允许您通过用自然语言编写搜索查询来查找代码片段。此外,您还可以询问有关代码的特定部分的作用的问题。在撰写本文时,该扩展程序处于私人测试阶段。

6.Blockman

有没有想过突出你的代码的范围?这当然有助于更轻松地专注于当前的代码块。更重要的是,当您向对等方传授不同的控制流时。

不用担心,Blockman,VS Code扩展完全符合其名称:阻止您的代码。Blockman让你改变方块的颜色和深度,切换焦点,做更多的自定义。

image.png

在框中突出显示嵌套的代码块非常容易。看看它如何像带有缩进的魅力一样工作:

7. Live Frame

Live Frame 是另一个 VS Code 扩展,它通过让我们在编辑器本身中运行和预览 Web 应用程序的更改来最大限度地减少上下文切换。告别VS Code和浏览器之间的众多切换。

image.png

除了提高工作效率外,实时帧扩展还有助于录制或展示交互式演示教程。

这就是现在的全部内容。感谢您的阅读。

相关文章

网友评论

      本文标题:超好用的7个vscode扩展

      本文链接:https://www.haomeiwen.com/subject/mabemdtx.html