当前位置: 代码网 > it编程>编程语言>其他编程 > 【保姆级】VsCode 安装GitHub Copilot实操教程

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

2024年07月28日 其他编程 我要评论
GitHub Copilot,俗称“副驾驶”,是GitHub携手OpenAI共同打造的一款革命性的人工智能代码辅助工具。通过将其插件化集成至编辑器(如VS Code),Copilot能够为用户提供强大的代码自动补全功能,并根据用户输入的注释快速生成相应代码。此外,它还能协助解释代码逻辑,自动生成测试代码,以及为代码片段添加注释,从而极大地提升了开发者的编程效率与代码质量。OnlyFans【保姆级】2024年最新Onlyfans订阅教程Midjourney【一看就会】五分钟完成MidJourney订阅。

0. 前言

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

<!-- more -->

onlyfans 订阅教程移步:【保姆级】2024年最新onlyfans订阅教程

midjourney 订阅教程移步: 【一看就会】五分钟完成midjourney订阅

gpt-4.0 升级教程移步:五分钟开通gpt4.0

如果你需要使用wildcard开通gpt4、midjourney或是onlyfans的话,请点击wildcard使用教程

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)。

    image-20240318005216133

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

    image-20240318005713247

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

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

      登录步骤:按照图示步骤 点击右下角图标 >> 点击「sign in to github」按钮,在弹出的界面中点击「允许(allow)」打开浏览器获取github账号授权。

      image-20240318010120615

      image-20240318010334040

      点击「authorize visual-studio-code」按钮确认授权。

      image-20240318010432018

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」按钮进入订阅界面。

image-20240318012332437

image-20240318013158500

点击「get access to github copilot」按钮进入付款方式界面,输入银行卡信息,支持银联、visa双币信用卡、paypal来支付。因为我没有双币信用卡和paypal,所以我是通过wildcard的方式通过支付宝来绑定支付的。如果同学也想使用虚拟信用卡wildcard通过支付宝来支付,请移步:wildcard虚拟信用卡注册保姆级教程

image-20240318013402758

image-20240318014356064

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

image-20240319204325628

3.2 使用copilot功能

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

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

image-20240319205720439

image-20240319205735614

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

image-20240319210055834

image-20240319210111523

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

3.3 使用技巧

github copilot使用有2个区域,

  1. chat区域,可以直接在聊天框中输入你的问题,以便获取相关解答。如果在提问时能够选中相关的代码行,这将有助于生成更精确、更可靠的答案,因为系统会根据代码的上下文进行分析和推理。

  2. 编辑器文件中,可以自动提示,注释生成代码等操作

3.3.1 自动建议(tab)

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

image-20240319210558458

3.3.2 注释生成代码

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

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

image-20240319211040302

3.3.3 解释代码

解释代码的方法有2种:

  1. 方式1

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

image-20240319211518389

  1. 方式2

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

image-20240319211618824

3.3.4 生成测试代码

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

image-20240319211912097

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

3.3 vscode退出github账号

如果需要退出github账号,可以参考下图操作:

image-20240319212409599

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com