过去,如果您在 Visual Studio Code (VS Code) 中遇到编码问题并希望得到 ChatGPT 的帮助,您通常需要复制您的代码,粘贴到 ChatGPT 中,输入您的问题,然后复制答案并粘贴回 VS Code 中。
这种来来回回的操作可能会有点慢,而且会打断您的工作流程。
但现在,有了最新版本,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 仍然是一个有用的助手。它是一个可靠的替代方案,尤其是如果你更喜欢侵入性较低的人工智能,并且只在你要求时才介入的话。
评论留言