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

news2024/11/27 16:39:55

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1530481.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

图神经网络实战(5)——常用图数据集

图神经网络实战&#xff08;5&#xff09;——常用图数据集 0. 前言0. 图数据集介绍2. Cora 数据集3. Facebook Page-Page 数据集小结系列链接 0. 前言 图数据集往往比单纯的连接集合更丰富&#xff0c;节点和边也可以具有表示分数、颜色、单词等的特征。在输入数据中包含这些…

get_local_ip.bat:快速获取IPv4地址

批处理脚本&#xff0c;用于在Windows命令提示符下获取本地计算机的IPv4地址。 echo off ipconfig | findstr IPv4 pause - echo off&#xff1a;这会关闭命令提示符窗口中的命令回显&#xff0c;使得在运行脚本时不会显示每条命令的执行结果。 - ipconfig&#xff1a;这是一…

IDEA 配置阿里规范检测

IDEA中安装插件 配置代码风格检查规范 使用代码风格检测 在代码类中&#xff0c;右键 然后会给出一些不符合规范的修改建议&#xff1a; 保存代码时自动格式化代码 安装插件&#xff1a; 配置插件&#xff1a;

探索未来教育:在线教育微服务的革新之路

随着互联网技术的不断发展&#xff0c;在线教育已经成为现代教育领域的重要组成部分。而在在线教育的发展过程中&#xff0c;微服务架构的应用正逐渐引起人们的关注和探讨。本文将深入探讨在线教育微服务的概念、优势以及未来发展趋势。 ## 什么是在线教育微服务&#xff1f; …

【how2j练习题】JS部分阶段练习

练习一 <!--练习&#xff0c;做一个简单的加法计算器--><html><input type"text" size "2" id "num1" ><input type"text" size "2" id "num2" ><input type"text" siz…

FSP40罗德与施瓦茨FSP40频谱分析仪

181/2461/8938产品概述&#xff1a; 频率范围:9千赫至40千兆赫 分辨率带宽:1赫兹至10兆赫 显示的平均噪音水平:-155分贝&#xff08;1赫兹&#xff09; 相位噪声:10 kHz时为-113 dB&#xff08;1Hz&#xff09; 附加滤波器:100 Hz至5 MHz的通道滤波器和RRC滤波器、1 Hz至3…

html5cssjs代码 029 CSS计数器

html5&css&js代码 029 CSS计数器 一、代码二、解释 该HTML代码定义了一个网页的结构和样式。在头部&#xff0c;通过CSS样式定义了body和h1-h2元素的样式。body元素的样式包括文本居中、计数器重置、字体颜色和背景颜色。h2元素的样式使用了CSS计数器来自动在标题前添加…

Visio 2003简体中文版软件安装教程(附软件下载地址)

软件简介&#xff1a; 软件【下载地址】获取方式见文末。注&#xff1a;推荐使用&#xff0c;更贴合此安装方法&#xff01; Visio 2003简体中文版是一款独立的专业绘图软件&#xff0c;适用于复制、可视化处理、分析和交流信息、系统和流程。不论是哪个版本的Visio&#xff…

石油炼化5G智能制造工厂数字孪生可视化平台,推进行业数字化转型

石油炼化5G智能制造工厂数字孪生可视化平台&#xff0c;推进行业数字化转型。在石油炼化行业&#xff0c;5G智能制造工厂数字孪生可视化平台的出现&#xff0c;为行业的数字化转型注入了新的活力。石油炼化行业作为传统工业的重要领域&#xff0c;面临着资源紧张、环境压力、安…

拓展商城系统的未来:微服务维度的创新之路

随着电子商务的快速发展&#xff0c;传统的单体式商城系统在应对日益复杂的业务需求和用户体验方面逐渐显露出局限性。而基于微服务架构的商城系统&#xff0c;通过多维度的拆分和组合&#xff0c;正在为商城行业带来全新的创新和发展机遇。本文将深入探讨微服务维度下的商城系…

stm32之GPIO电路介绍

文章目录 1 GPIO介绍2 GPIO的工作模式2.1 浮空输入2.2 上拉输入2.3 下拉输入2.4 模拟输入2.5 开漏输出2.6 推挽输出2.7 复用开漏输出2.8 复用推挽输出2.9 其他 3 应用方式4 常用库函数 1 GPIO介绍 保护二极管&#xff1a;保护引脚&#xff0c;让引脚的电压位于正常的范围施密特…

Docker 从0安装 nacos集群

前提条件 Docker支持一下的CentOs版本 Centos7(64-bit)&#xff0c;系统内核版本为 3.10 以上Centos6.5(64-bit) 或者更高版本&#xff0c;系统内核版本为 2.6.32-431 或者更高版本 安装步骤 使用 yum 安装&#xff08;CentOS 7下&#xff09; 通过 uname -r 命令查看你当…

html5cssjs代码 024 响应式布局示例

html5&css&js代码 024 响应式布局示例 一、代码二、解释 该HTML代码重点在于构建一个带有响应式设计的两栏布局网页&#xff0c;包含页头、导航条、主要内容区&#xff08;左右两列&#xff09;和底部区域&#xff0c;并运用CSS样式设置页面元素的布局、颜色、字体、间…

数字图像处理学习笔记(二)

数字图像处理学习笔记&#xff08;二&#xff09; gamma变换对数与对比度拉伸直方图绘制&#xff0c;直方图均衡化&#xff0c;直方图匹配绘制直方图直方图均衡化直方图匹配 空间滤波线性滤波非线性滤波 gamma变换 数学原理 幂等变换: I c I γ IcI^\gamma IcIγ MATLAB gim…

JWT原理分析

为什么会有JWT的出现&#xff1f; 首先不得不提到一个知识叫做跨域身份验证&#xff0c;JWT的出现就是为了更好的解决这个问题&#xff0c;但是在没有JWT的时候&#xff0c;我们一般怎么做呢&#xff1f;一般使用Cookie和Session&#xff0c;流程大体如下所示&#xff1a; 用…

关于 Microsoft Visual Studio

关于 Microsoft Visual Studio References References [1] Yongqiang Cheng, https://yongqiang.blog.csdn.net/

Visual Studio 2013 - 清理

Visual Studio 2013 - 清理 1. 清理1.1. 工程清理1.2. 解决方案清理 References 1. 清理 Debug Release 1.1. 工程清理 (right mouse click on the project) -> 清理 1.2. 解决方案清理 (right mouse click on the solution) -> 清理解决方案 References [1] Yongq…

快速搭建一个一元二次方程flask应用

新建flask_service目录、templates子目录 flask_service —— app.py —— templates —— —— index.html app.py from flask import Flask, request, jsonify, render_template import random import matplotlib.pyplot as plt from io import BytesIO import base64app F…

Java项目基于SpringBoot和Vue的时装购物系统的设计与实现

今天要和大家聊的是一款基于SpringBoot和Vue的时装购物系统。 &#x1f495;&#x1f495;作者&#xff1a;李同学 &#x1f495;&#x1f495;个人简介&#xff1a;混迹在java圈十年有余&#xff0c;擅长Java、微信小程序、Python、Android等&#xff0c;大家有这一块的问题可…

综合练习(python)

前言 有了前面的知识积累&#xff0c;我们这里做两个小练习&#xff0c;都要灵活运用前面的知识。 First 需求 根据美国/英国各自YouTube的数据&#xff0c;绘制出各自的评论数量的直方图 第一版 import numpy as np from matplotlib import pyplot as plt import matplo…