在 VS Code 中使用 GitHub Copilot
Code 结合使用。GitHub Copilot 是什么
GitHub Copilot 是一个可以资助你更简单、更快速地编写代码的工具，由 GPT-3 提供支持。你只需编写所需代码的描述——例如，编写一个函数来天生一个随机数，或对一个数组举行排序——Copilot 就会为你创建它。
它不但是创建一种解决方案，而是创建多个，你可以选择你想要的一个。
在本教程中，我们将学习如作甚 Visual Studio Code 设置 GitHub Copilot AI 工具，以及怎样天生 JavaScript、React 和 HTML 代码。
怎样安装 GitHub Copilot
在 VS Code 中使用 GitHub Copilot 的步调如下：
[*] 首先确保你已经安装了最新版本的 Visual Studio Code。你可以从官方网站（https://code.visualstudio.com/）下载并安装。
[*] 打开 VS Code，点击左侧边栏的扩展图标（Extensions），大概按下快捷键 Ctrl+Shift+X（Windows/Linux）或 Cmd+Shift+X（Mac）。
[*] 在搜索框中输入 "GitHub Copilot"，找到名为 "GitHub Copilot" 的扩展，点击 "Install" 按钮举行安装。
[*] 安装完成后，重启 VS Code。
[*] 登录 GitHub Copilot。点击左上角的文件（File）> 首选项（Preferences）> 设置（Settings），在搜索框中输入 "GitHub Copilot"，找到 "GitHub Copilot: Sign In" 设置项，点击 "Edit in settings.json"，然后按照提示登录你的 GitHub 账户。
[*] 如今你可以在 VS Code 中使用 GitHub Copilot 了。当你编写代码时，GitHub Copilot 会自动为你天生代码片段和建议。你可以通过按下 Tab 键来担当建议，大概使用箭头键在多个建议之间切换。
关于 GitHub Copilot 和 Visual Studio Code
GitHub Copilot 在编写代码时提供 AI 对步调员的自动完成样式的建议。 有关详细信息，请参阅“关于 GitHub Copilot Individual”。
假如使用 Visual Studio Code，可以直接在编辑器中查看并合并来自 GitHub Copilot 的建议。 本指南演示怎样在适用于 macOS、Windows 或 Linux 的 Visual Studio Code 中使用 GitHub Copilot。
先决条件
[*] 若要使用 GitHub Copilot，必须拥有有用的 GitHub Copilot 订阅。 有关详细信息，请参阅“关于 GitHub Copilot 的计费”。
[*] 若要在 Visual Studio Code 中使用 GitHub Copilot，必须安装 Visual Studio Code。 有关详细信息，请参阅 Visual Studio Code 下载页面。
在 Visual Studio Code 中安装 GitHub Copilot 扩展
若要使用 GitHub Copilot，必须先安装 GitHub Copilot 扩展。
[*] 在 Visual Studio Code Marketplace 中，转到 GitHub Copilot 扩展页，然后单击“安装”。
[*] 此时会显示一个弹出窗口，要求打开 Visual Studio Code。 单击“打开 Visual Studio Code”。
[*] 在 Visual Studio Code 的“扩展: GitHub Copilot”选项卡中，单击“安装”。
[*] 假如从前未在 GitHub 帐户中授权 Visual Studio Code，系统会提示你在 Visual Studio Code 中登录到 GitHub。
[*] 假如从前已在 GitHub 上的帐户中授权 Visual Studio Code，系统将会自动授权 GitHub Copilot。
[*] 假如未收到授权提示，请单击 Visual Studio Code 窗口底部面板中的钟形图标。
https://i-blog.csdnimg.cn/blog_migrate/7156fe67a2aa2d3a24bb69dc64d2679c.png
[*] 在浏览器中，GitHub 将请求 GitHub Copilot 所需的权限。 若要允许这些权限，请单击“授权 Visual Studio Code”。
[*] 要确认身份验证，请在 Visual Studio Code 的“Visual Studio Code”对话框中单击“打开”。
查看第一个建议
注意：假如为 GitHub Copilot 启用了重复检测，则使用提供的代码示例时，大概会收到有限的建议或没有建议。 作为更换方法，你可以首先键入自己的代码，以查看来自 GitHub Copilot 的建议。 有关重复检测的详细信息，请参阅“在 GitHub.com 上配置 GitHub Copilot 设置”。
GitHub Copilot 为多种语言和各种框架提供建议，但尤其适用于 Python、JavaScript、TypeScript、Ruby、Go、C# 和 C++。 GitHub Copilot 还可以资助天生数据库的查询。 以下示例使用的是 JavaScript，但其他语言的工作方式雷同。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下函数标头。 GitHub Copilot 将自动以灰色文本建议整个函数正文，如下所示。 具体的建议大概会有所差别。
JavaScript
function calculateDaysBetweenDates(begin, end) {
[*] 要担当建议，请按 Tab。
注意：**** 假如未看到建议，请确保已启用 GitHub Copilot。 应在 Visual Studio Code 窗口右下角看到 Copilot 图标。
假如文件已配置为 GitHub Copilot 的清除内容，则状态栏中的图标将有一条对角线穿过。 将鼠标悬停在该图标上可看到工具提示，告知哪些设置已应用此限定。
https://i-blog.csdnimg.cn/blog_migrate/feb3a038f90b5f0bc5f1e5904e041647.png
有关详细信息，请参阅“为 GitHub Copilot 配置内容清除”。
查看更换建议
对于任何给定的输入，GitHub Copilot 可以提供多个建议。 可以选择要使用的建议，或拒绝所有建议。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下函数标头。 GitHub Copilot 将向你显示建议。
JavaScript
function calculateDaysBetweenDates(begin, end) {
[*] （可选）假如有其他建议，可以选择查看。
OS查看下一个建议查看上一个建议macOSOption (⌥) 或 Alt+]Option (⌥) 或 Alt+[WindowsAlt+]Alt+[LinuxAlt+]Alt+[
[*] 大概，可以将鼠标悬停在建议上方，查看 GitHub Copilot 下令面板以选择建议。
[*] 若要担当建议，请按 Tab。若要拒绝所有建议，请按 Esc。
部分担当建议
你大概不盼望全部担当 GitHub Copilot 建议。 可以使用键盘快捷键来担当建议的下一个字词或下一行。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下函数标头。 GitHub Copilot 将自动以灰色文本建议整个函数正文，如下所示。 具体的建议大概会有所差别。
JavaScript
function calculateDaysBetweenDates(begin, end) {
[*] 要仅担当建议的下一个字词，请使用以下键盘快捷键中的一种。
操作系统担当下一个字词macOSCommand+→WindowsControl+→LinuxControl+→
[*] 假如要担当下一行建议，则必要为下令 editor.action.inlineSuggest.acceptNextLine 设置自定义键盘快捷键。 有关设置自定义键盘快捷键的详细信息，请参阅“在情况中配置 GitHub Copilot”。
[*] 大概，可以将鼠标悬停在建议上方，查看 GitHub Copilot 下令面板以选择建议。
在新选项卡中查看多个建议
你大概不想获得 GitHub Copilot 提供的任何初始建议。 可以使用键盘快捷方式来提示 GitHub Copilot 在新选项卡中显示多个建议。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下函数标头。 GitHub Copilot 将向你显示建议。
JavaScript
function calculateDaysBetweenDates(begin, end) {
[*] 若要打开具有多个其他选项的新选项卡，请按 Ctrl+Enter。
[*] 要担当建议，请单击建议下方的“担当建议编号”。 若要拒绝所有建议，请关闭选项卡。
从表来日诰日生代码建议
可以在表明中使用天然语言描述要执行的操作，GitHub Copilot 会提供代码建议来实现你的目标。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下表明。 GitHub Copilot 将建议函数的实现。
JavaScript
// find all images without alternate text
// and give them a red border
function process() {
使用框架
还可以使 GitHub Copilot 为 API 和框架天生建议。 以下示例使用 GitHub Copilot 创建将返回当前时间的简单 Express 服务器。
[*] 在 Visual Studio Code 中，创建一个新的 JavaScript (*.js) 文件。
[*] 在 JavaScript 文件中，键入以下表明，然后按 Enter。 GitHub Copilot 将建议 Express 应用的实现。
JavaScript
// Express server on port 3000
[*] 要担当每行，请按下 Tab，然后按下 Enter。
[*] 键入以下表明，然后按下 Enter。 GitHub Copilot 将建议默认处理步调的实现。
JavaScript
// Return the current time
[*] 若要担当每行，请按 Tab。
启用或禁用 GitHub Copilot
可以在 Visual Studio Code 中启用或禁用 GitHub Copilot。 Visual Studio Code 窗口底部面板中的 GitHub Copilot 状态图标指示 GitHub Copilot 是启用照旧禁用。 启用后，图标的背景致将与状态栏颜色相匹配。 禁用后，图标的背景致将与状态栏颜色形成对比。
[*] 若要启用或禁用 GitHub Copilot，请单击 Visual Studio Code 窗口底部面板中的状态图标。
https://i-blog.csdnimg.cn/blog_migrate/96b6e044963d28a2b49b0bb932a9f02e.png
[*] 假如要禁用 GitHub Copilot，系统会扣问是全局禁用建议，照旧要禁用当前正在编辑的文件的语言。
[*]若要全局禁用 GitHub Copilot 的建议，请单击“全局禁用”。
[*]若要禁用指定语言的 GitHub Copilot 的建议，请单击“对 LANGUAGE 禁用”。 https://i-blog.csdnimg.cn/blog_migrate/dd4ca1a6dad1311c4addce0e7b764a74.png
后续步调
你已成功安装 GitHub Copilot 并收到了你的第一个建议，但这只是开始！ 以下是一些有用的资源，可资助你对 GitHub Copilot 执行后续操作。
[*]GitHub Copilot：查看 GitHub Copilot 怎样资助你工作的实用示例。
[*]“在 IDE 中使用 GitHub Copilot Chat”：了解怎样要求 GitHub Copilot 提供信息和资助。
[*]“配置 GitHub Copilot”：这些指南提供有关怎样将 GitHub Copilot } 配置为个人首选项的详细信息。
[*]“管理 GitHub Copilot 的计费”：了解有关 GitHub Copilot 的计费的详细信息。
[*]“GitHub Copilot 故障清除”：这些指南提供了有关 GitHub Copilot 故障清除的信息。
其他阅读质料
[*]GitHub Copilot 网站
[*]“关于 GitHub Copilot Individual”
[*]“关于 GitHub Copilot Business”
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]