将 GitHub Copilot 与 JavaScript 配合使用

已完成

前面的单元介绍了如何设置 Copilot,并提到了它如何让开发人员能够更快地开始编写代码。

本单元将介绍 Copilot 如何帮助你开发现有项目并完成更复杂的任务。

使用 GitHub Copilot 进行开发

通常,在开发项目时,我们需要持续确保我们的代码是最新且经过更新的。 此外,我们可能需要修复出现的任何 bug 或添加新功能,以改进代码的功能和可用性。 我们来探索一些使用 GitHub Copilot 和 GitHub Copilot Chat 进行更新的方法,这是一个交互式聊天界面,用于询问与代码相关的问题并获取答案。

提示工程

尽管 GitHub Copilot 可以在键入代码时提供建议,但你也可以生成提示来创建有用的建议。 提示(即输入)是帮助生成代码的指令或准则的集合。 提示对于从 Copilot 生成特定响应非常有用。 当使用 GitHub Copilot Chat 引导 Copilot 代表你生成代码或编写 Copilot 自动完成的代码时,提示可能是注释或输入。

Copilot 的输出质量取决于您提示创建得有多好。 创建有效的提示对于实现所需结果至关重要。 例如,假设您有以下提示:

// Create an API endpoint

由于该提示含混不清,GitHub Copilot 生成的结果可能不符合你的需要。 例如,它可能使用你不知道的框架,或者使用的终结点要求提供你无法识别的数据。 然而,如果您有以下提示:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

这最后一条提示非常具体而清晰,因此 GitHub Copilot 能够知道任务的目标和范围。 虽然还可以使用注释或代码向 Copilot 提供上下文和示例,但也可以使用 GitHub Copilot Chat 的聊天选项。 合理的提示可确保模型生成高质量的输出。

有关使用 GitHub Copilot 的最佳做法

Copilot 可以大幅提高工作效率,但需要遵循一些良好的做法才能确保质量。 使用 Copilot 时的一些最佳做法包括:

  • 保持提示简单,然后在继续操作时添加更详细的组成部分,例如:

    create an HTML form with a text field and button
    

    接下来,进一步详细阐述提示以获取更具体的建议:

    Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"
    
  • 在建议之间循环切换,为此可以使用 Ctrl+Enter(或 Mac 上的 Cmd+Enter)。 可以从 Copilot 获得各种建议,并可以选取最佳输出。 你还可以在使用 GitHub Copilot Chat 时,使用聊天输入以添加提示并与输出交互。

如果遇到困难或未获得所需结果,可以重新组织提示的措辞,或开始编写代码,让 Copilot 自动完成。

注意

GitHub Copilot 使用文本编辑器中已打开的文件作为附加上下文。 这一点很有帮助,因为除了你正在编写的提示或代码之外,它还提供其他有用信息。 如果需要 GitHub Copilot 根据其他文件提供建议,可以在使用 GitHub Copilot Chat 时打开它们。