【保姆级】VsCode 安装GitHub Copilot实操教程

前言

GitHub Copilot，俗称“副驾驶”，是GitHub携手OpenAI共同打造的一款革命性的人工智能代码辅助工具。通过将其插件化集成至编辑器（如VS Code），Copilot能够为用户提供强大的代码自动补全功能，并根据用户输入的注释快速生成相应代码。此外，它还能协助解释代码逻辑，自动生成测试代码，以及为代码片段添加注释，从而极大地提升了开发者的编程效率与代码质量。

精选文章

类别	教程
Claude	如何解决Claude账号被封，及Claude3使用方法 Claude3注册教程，解决Claude手机号验证问题 Anthropic官网提供Claude3注册及使用教程|以及如何预防封号
Sora	详细教程与使用指南助您轻松上手Sora OpenAI Sora是什么？Sora到底能做什么？它与其他类似技术有什么区别
ChatGPT	国内升级GPT-Plus教程，订阅GTP4-0 国内无需手机验证码获取GPT账号教程 【2024亲测】保姆级获取美区Apple Id教程
Onlyfans	Onlyfans-注册以及充值、订阅教程 【2024亲测】Onlyfans搜索博主？如何在OnlyFans搜索HongkongDoll
Midjourney	【一看就会】五分钟完成MidJourney订阅
WildCard	WildCard虚拟信用卡注册保姆级教程 WildCard虚拟信用卡平台详解
其他	【新手小白教程】2024最新：如何轻松订阅Patreon及其支付、充值全攻略 【新手小白】如何订阅Youtube Premium？Youtube Premium购买教程（2024最新）

1. GitHub Copilot的优点

相比于ChatGPT，GitHub Copilot有以下的优点：

1. GitHub Copilot完美融入VS Code编辑器，让您在编写代码的过程中无需切换界面，即可直接提问、处理并生成代码。这一功能极大地简化了将问题或GPT回答来回粘贴的繁琐步骤，使您的编程体验更加流畅高效。

2. GitHub Copilot生成的代码与项目紧密贴合，因为它是以项目当前的代码上下文为基础进行智能生成的。这种特性使得Copilot能够产生与当前项目代码风格高度一致的代码，不仅提升了代码的可读性和一致性，也增强了代码的可移植性，让您的项目更加稳健和高效。

2. 如何安装GitHub Copilot？

以下是详细的安装步骤：

2.1、安装 Visual Studio Code

如果您尚未安装 Visual Studio Code，您可以从 官方网站 下载并安装最新版本。

2.2、安装 GitHub Copilot 扩展

1. 启动VSCode，点击界面左侧的扩展视图(Extensions)，在搜索栏中输入”GitHub Copilot”，在搜索结果中找到“GitHub Copilot”和“GitHub Copilot Chat”并点击安装(Install)。

   

   安装完成界面里有这个图标代表安装完成了

   

   2. 插件安装完成之后需要重启一下VSCode并注册登录，登录方式是通过github账号授权登录。

      注意登录之前请确保您在浏览器中已经登录到 GitHub 帐户。

      登录步骤：按照图示步骤 点击右下角图标 >> 点击「Sign in to GitHub」按钮，在弹出的界面中点击「允许(Allow)」打开浏览器获取Github账号授权。

      

      

      点击「Authorize Visual-Studio-Code」按钮确认授权。

      

3. 使用GitHub Copilot

3.1 试用/订阅Copilot服务

GitHub Copilot提供30天免费试用，订阅费用是10美元一个月，按年是100美元，在到期之前可以选择退订，或者可以选择更换订阅方式。

参考图中步骤点击右下角Copilot的图标，在弹出的Copilot菜单中选择「GitHub Copilot Chat」，然后点击左侧Chat框中的[Start 30-day Free Trial]进入试用/订阅界面。

也手动登录Github网站，依次点击「Settings 」> 「Billing and plans」> 「Plans and usage」，在页面中找到“Add-ons”部分找到「GitHub Copilot」 然后点击「Enable GitHub Copilot」按钮进入订阅界面。

点击「Get access to GitHub Copilot」按钮进入付款方式界面，输入银行卡信息，支持银联、Visa双币信用卡、Paypal来支付。

也可以使用虚拟信用卡WildCard通过支付宝来支付，了解详情请移步：WildCard虚拟信用卡注册保姆级教程。

绑定支付信用卡之后，重启VSCode，参考图中步骤再次点击右下角Copilot的图标，在弹出的Copilot菜单中选择「GitHub Copilot Chat」，左侧出现的界面显示已经订阅成功，点击最下面的输入框提问即可。

3.2 使用Copilot功能

此时，GitHub Copilot已经安装订阅完成，现在可以尽情享受这个强大的编程助手，提高您的代码编写效率。

新建一个js文件，点击图示「星号」图标或者按快捷键Ctrl+I即可调出GitHub Copilot对话界面，可以在输入框中输入提示内容以生成代码。

也直接在类中输入代码，GitHub Copilot会自动根据你的代码猜想你需要生成的代码，如果生成的内容符合你的要求，可以按 「Tab」键导入生成的内容，如下图

请注意，由于GitHub Copilot可能会不时地进行更新，我们建议您时常查阅GitHub Copilot的官方文档，以获取最新的信息和详细说明。这样，您可以确保始终了解并充分利用该工具的最新功能和改进。

3.3 使用技巧

GitHub Copilot使用有2个区域，

1. Chat区域，可以直接在聊天框中输入你的问题，以便获取相关解答。如果在提问时能够选中相关的代码行，这将有助于生成更精确、更可靠的答案，因为系统会根据代码的上下文进行分析和推理。
2. 编辑器文件中，可以自动提示，注释生成代码等操作

3.3.1 自动建议（Tab）

写代码的时候它自动的给你提示，提示的内容是灰色的，你可以按下Tab键接受建议，通过Esc键丢弃提示。

3.3.2 注释生成代码

您可以在开始编写代码之前，先写一段详细的注释，这样可以帮助您更清晰地明确自己的需求和期望。注释越详细，GitHub Copilot 就越能够理解您的意图，从而生成更符合您要求的代码。

写完注释之后，按下ctrl + enter输出十种代码实现，你可以根据个人喜好挑选它生成的代码。你也可以打开chat对话框直接询问代码。

3.3.3 解释代码

解释代码的方法有2种：

1. 方式1

   选中要解释的代码，在chat聊天框中输入/explain，默认以英文解释。如果需要用中文解释，可以在后面更新更多的描述信息，比如：/explain 用中文解释

2. 方式2

   选中要解释代码,右键Copilot > Explain This，但是这种方式默认是以英文输出。如下图

3.3.4 生成测试代码

使用以上3.3.3中的方式，把命令换成/tests generate tests即可。

以上所述，仅为GitHub Copilot的一些基本使用技巧，若您想进一步深入了解并挖掘更多高级功能，建议您前往GitHub Copilot的官方网站查阅相关资料，那里将有更多详尽的使用指南和技巧等待您去发掘。

3.3 VSCode退出GitHub账号

如果需要退出GitHub账号，可以参考下图操作：

---

你好，我是火哥！

亲爱的读者你好，我是火哥，一个乐于分享技术类干货的博主。 最新原创的文章都先发布在公众号，欢迎关注哦~

扫描下方二维码，带你第一时间了解ChatGPT、Sora、Midjourney最新动态！