如何将ChatGPT集成至Visual Studio Code

如何将ChatGPT集成至Visual Studio Code

过去,如果您在 Visual Studio Code (VS Code) 中遇到编码问题并希望得到 ChatGPT 的帮助,您通常需要复制您的代码,粘贴到 ChatGPT 中,输入您的问题,然后复制答案并粘贴回 VS Code 中。

这种来来回回的操作可能会有点慢,而且会打断您的工作流程。

cover

但现在,有了最新版本,ChatGPT 可以直接与桌面上的应用程序协同工作,包括 VS Code。这意味着当你寻求帮助时,ChatGPT 可以“see”你打开的文件,因此它能理解上下文,而不需要你复制和粘贴所有内容。

让我们看看它是如何工作的。

启用集成

首先,你需要为 VS Code 安装官方 ChatGPT 扩展

然后,你需要确保在 Settings > Works with Apps > Enable Work with Apps 中将其设置为开启。

启用集成

示例:通过VS Code使用ChatGPT

首先,确保 ChatGPT 已打开并正在运行。然后,键入 Option + Space。这个快捷键将在 VS Code 的顶部打开 ChatGPT “Companion Chat”窗口。

现在,我们来看看如何在 VS 代码中使用 ChatGPT。

批量编辑

使用 ChatGPT 与 VS Code 集成的一个强大方法是一次性修改多个函数、类、变量、参数或字符串。在下面的示例中,我们要求 ChatGPT 重命名插件钩子。

批量编辑

最棒的是什么?您无需复制和粘贴任何代码。ChatGPT 可以直接扫描代码并提出编辑建议。它甚至会显示差异,并为你提供一个按钮,只需点击一下即可应用更改。

生成模板

除了修改现有代码,ChatGPT 还能生成模板代码,帮助你快速上手。

在本例中,我创建了一个新文件,并要求它生成在 WordPress 仪表板中添加子菜单的代码。

生成模板

最棒的是,它能理解代码库的结构,并遵循与其他文件相同的编码风格。

生成测试

另一个方便的用例是生成测试。在本例中,我要求 ChatGPT 为一个类中的所有方法创建测试。我使用的提示是 为这个类中的所有公共方法创建测试。

生成测试

我喜欢的是,生成的测试涵盖了“快乐”和“不快乐”两种路径,这使得它们相当全面。

不过,ChatGPT 还不支持在单独文件中创建这些测试。这意味着你不能直接点击“Apply”按钮。你需要复制生成的代码,然后自己粘贴到一个新文件中。

编写内联文档

另一个常用工具是生成内联文档。在本例中,我要求它为类和方法添加内联文档,提示如下: 为类中的方法生成内联文档。尽可能详细地描述每个方法的用途。

编写内联文档

提高代码可读性

如果你不确定自己的代码是否易读,可以让 ChatGPT 帮助你让代码更清晰。在本例中,我要求它提高一段代码的可读性。你可以简单地使用以下提示 让代码更易读。

提高代码可读性

提示:在按 Option + Space 键之前,请选择您要改进的代码部分。这样,ChatGPT 将只关注所选代码,而不是尝试更新整个文件。

查找潜在漏洞

如果你担心代码的安全性,可以要求 ChatGPT 检查代码是否存在潜在漏洞。虽然这不能取代全面的安全审计,但这可以作为发现常见问题的第一步,如硬编码秘密、不安全的函数使用或缺失的输入验证或消毒。

只需选择要分析的代码,并使用类似以下的提示即可: 检查此代码是否存在安全问题。

查找潜在漏洞

我觉得这些建议很好,也很有效。由于它不了解代码的全貌,因此不会立即提供代码更新,因为您需要考虑是否真的需要应用。

小结

ChatGPT 和 VS Code 是一对好搭档。虽然它可能不如 GitHub Copilot 那样紧密集成或功能强大,但 ChatGPT 仍然是一个有用的助手。它是一个可靠的替代方案,尤其是如果你更喜欢侵入性较低的人工智能,并且只在你要求时才介入的话。

评论留言