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

这篇具有很好参考价值的文章主要介绍了【保姆级】VsCode 安装GitHub Copilot实操教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

    【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

    【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

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

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

      【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

      【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

      【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

3.2 使用Copilot功能

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

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

3.3 使用技巧

GitHub Copilot使用有2个区域,

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

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

3.3.1 自动建议(Tab)

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

3.3.2 注释生成代码

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

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

3.3.3 解释代码

解释代码的方法有2种:

  1. 方式1

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

  1. 方式2

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

3.3.4 生成测试代码

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot

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

3.3 VSCode退出GitHub账号

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

【保姆级】VsCode 安装GitHub Copilot实操教程,Web前端技术,vscode,github,copilot文章来源地址https://www.toymoban.com/news/detail-842505.html

到了这里,关于【保姆级】VsCode 安装GitHub Copilot实操教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Idea 安装和使用教程 GitHub Copilot

    Idea 版本应不低于 2021.2 ,否则无法搜到 Copilot 插件。 安装后重启,点击右下角图标,登录到 GitHub ,点击 Copy and Open ,浏览器会自动打开 Copilot 的激活页面。 输入复制的设备码,点击 Continue 按钮 授权页中点击 Authorize GitHub Copilot 即可激活成功。   首先需要一个GitHub账号,没

    2024年02月12日
    浏览(100)
  • AI写代码 GitHub Copilot + Idea 安装和使用教程

    GitHub Copilot 是微软与OpenAI共同推出的一款AI编程工具,基于GitHub及其他网站的源代码,根据上文提示为程序员自动编写下文代码,可以极大地提高编写代码的效率。 根据已有上下文补全代码 根据函数名和参数,生成方法体 根据注释自动生成代码 代码优化 生成测试代码 一、

    2023年04月15日
    浏览(61)
  • vscode安装+配置+使用+调试【保姆级教程】

    Visual Studio Code简称VS Code,是一款跨平台的、免费且开源的现代轻量级代码编辑器,支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性,也拥有对git的开箱即用的支持。同时,它还支持插件扩展,通过丰富

    2024年02月13日
    浏览(71)
  • AI自动写代码:GitHub copilot插件在Idea的安装和使用教程

    GitHub Copilot 是微软与OpenAI共同推出的一款AI编程工具,基于GitHub及其他网站的源代码,根据上文提示为程序员自动编写下文代码,可以极大地提高编写代码的效率。 先看看ChatGpt是怎么回答Copilot的功能特点: 给大家简单提取一些关键信息,GitHub Copilot 是微软与OpenAI共同推出的

    2024年02月09日
    浏览(53)
  • 如何在Ubtun上安装vscode,保姆级教程

    Ubtun安装vscode 打开vm虚拟机安装VM tools     主要目的:  实现win上的文件与vm虚拟机上的文件进行共享    具体过程:    参照B站【Ubuntu安装vmware tools和open-vm-tools】Ubuntu安装vmware tools和open-vm-tools_哔哩哔哩_bilibili推荐第二个方法【本人Ubtun版本20.04】   易出现问题: 显示无法

    2024年02月05日
    浏览(40)
  • 【AIGC使用教程】GitHub Copilot 免费注册及在 PyCharm 中的安装使用

    欢迎关注【AIGC使用教程】 专栏 【AIGC使用教程】SciSpace 论文阅读神器 【AIGC使用教程】Microsoft Edge/Bing Chat 注册使用完全指南 【AIGC使用教程】GitHub Copilot 免费注册及在 VS Code 中的安装使用 【AIGC使用教程】GitHub Copilot 免费注册及在 PyCharm 中的安装使用 【AIGC使用教程】Notion A

    2024年02月05日
    浏览(93)
  • Github Copilot最全的安装与使用教程:一款非常好用的AI编程工具

    GitHub Copilot 供经过验证的学生、教师和热门开源项目的维护人员免费使用。 如果你不是学生、教师或热门开源项目的维护人员,可以在一次性 30 天试用期中免费试用 GitHub Copilot。 免费试用后,需要付费订阅才能继续使用。 GitHub Copilot目前为止可以免费试用 一个月 ,但是试

    2024年01月17日
    浏览(97)
  • 【AIGC使用教程】GitHub Copilot 免费注册及在 VS Code 中的安装使用

    欢迎关注【AIGC使用教程】 专栏 【AIGC使用教程】SciSpace 论文阅读神器 【AIGC使用教程】Microsoft Edge/Bing Chat 注册使用完全指南 【AIGC使用教程】GitHub Copilot 免费注册及在 VS Code 中的安装使用 【AIGC使用教程】GitHub Copilot 免费注册及在 PyCharm 中的安装使用 【AIGC使用教程】Notion A

    2024年02月05日
    浏览(65)
  • 使用VScode编写C语言程序 环境安装配置 保姆级教程

    Visual Studio Code可通过安装插件来支持C++、C#、Python、PHP等语言,使用的工程师越来越多,本文介绍如何使用VS Code进行C语言的编译与调试 目录 一 vsCode配置C/C++环境 1. vsCode下载和安装 2. 安装vsCode 二 MinGW编译器下载和配置 1. 下载编译器MinGW并解压  2. 将MinGW添加至环境变量 3

    2024年02月04日
    浏览(72)
  • vscode github copilot插件连接失败问题

    github copilot学生认证后可以免费使用,用来写代码真的是非常的嗨皮。最近突然显示在vscode中的github copilot插件无法正常使用,报:GitHub Copilot could not connect to server. Extension activation failed: \\\"connect ETIMEDOUT 20.205.243.168:443\\\"这个问题。在搜索了一下很多人也遇见过一样的问题。 搜索

    2024年02月07日
    浏览(104)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包