如何在 Visual Studio Code 中使用和设置 Copilot 的代码补全功能

如何触发、接受、隐藏 Copilot 代码补全

影片演示 YouTube

如何触发、接受、隐藏 Copilot 代码补全

影片演示 Bilibili

触发 Copilot 代码补全功能

当你在 Visual Studio Code 编辑器中输入或编辑代码时，Copilot 将提供内联建议，以实现代码的补全。

内联建议代码一般采用暗淡的色调（与 Visual Studio Code 主题有关），他们可能是一行代码或一个代码块。这些内联建议会考虑开发者的代码风格以及现有代码，比如，如果已有的函数参数声明了类型，那么内联建议所给出的函数参数也将尝试声明类型。

当然，除了在编辑代码时会自动触发内联建议，你还可以使用键盘快捷方式Alt+\，来手动触发。

与 Copilot 内联建议代码相关的工具栏

如果 Copilot 已经给出了内联建议，那么将鼠标悬停在内联建议上，会显示对应的工具栏，工具栏提供了执行某些操作的按钮，比如，接受建议，浏览其他建议等。

接受 Copilot 提出的内联建议代码

如何选择性接受 Copilot 产生的补全代码

影片演示 YouTube

如何选择性接受 Copilot 产生的补全代码

影片演示 Bilibili

在 Copilot 提供内联建议之后，可按Tab键，或点击工具栏中的接受来接受建议，完成代码补全。此时，建议中的代码会转换为正式代码，其色调也将发生变化（与 Visual Studio Code 主题有关）。

无论是单行还是多行代码，如果不希望全部接受他们，可以使用键盘快捷方式Ctrl+RightArrow，或点击工具栏中的接受 Word，来接受内联建议代码中的下一个词或空白字符。

或者，你可以在工具栏中点击更多操作…并选择菜单项接受行，来接受内联建议代码中的当前行或下一行。

隐藏 Copilot 提出的内联建议代码

如果 Copilot 提供内联建议与你的预期不符，那么可按下Escape键将内联建议隐藏。

从 Copilot 提出的多个内联建议代码中选择

如何查看 Copilot 产生的所有补全代码

影片演示 YouTube

如何查看 Copilot 产生的所有补全代码

影片演示 Bilibili

Copilot 可能会为当前代码提供多个内联建议，而默认情况下，只能在编辑器中看到其中的一个。如果需要浏览其他内联建议，可使用键盘快捷方式Alt+]或Alt+[，来浏览下一个或上一个内联建议，此时，显示在编辑器中的内联建议代码将发生变化。

除了通过键盘快捷方式，你也可以在工具栏中点击左右箭头按钮，来浏览上一个或下一个内联建议。

此外，使用键盘快捷方式Ctrl+Enter，或点击工具栏中的更多操作…并选择菜单项 Open Completions Panel（尚未翻译），可打开 Copilot 补全面板。补全面板中将包含所有的内联建议代码，选择其中某个所对应的按钮后，相关建议代码将被添加至编辑器。

让 Copilt 根据注释生成代码

如何使用 Copilot 将注释转换为代码

影片演示 YouTube

如何使用 Copilot 将注释转换为代码

影片演示 Bilibili

对于一些逻辑相对简单的代码，你可以不必一一输入，而是通过书写概括性的注释，让 Copilot 完成剩余的代码编写工作。比如，在js文件中书写注释// 一个名为 Student 的类，包含 name，age，Copilot 可能会产生创建Student类的内联建议。

当然，在书写一段注释后，Copilot 的内联建议可能是一行新的注释，而不是你所期望的代码。遇到这种情况，你可以在编辑器中创建新的行，并在远离注释的位置使用键盘快捷方式Alt+\重新触发补全功能。

讲解视频

如何触发、接受、隐藏 Copilot 代码补全·YouTube如何触发、接受、隐藏 Copilot 代码补全·Bilibili
如何选择性接受 Copilot 产生的补全代码·YouTube如何选择性接受 Copilot 产生的补全代码·Bilibili
如何查看 Copilot 产生的所有补全代码·YouTube如何查看 Copilot 产生的所有补全代码·Bilibili
如何使用 Copilot 将注释转换为代码·YouTube如何使用 Copilot 将注释转换为代码·Bilibili