GitHub Copilot Einstiegstutorial

GitHub Copilot ist nicht mehr dasCodevervollständigungs-Toolaus 2021.

GitHub Copilot ist jetzt eine KI-Programmierplattform, die IDE, CLI und GitHub abdeckt: autonomes Bearbeiten mehrerer Dateien in der IDE, Umwandeln von Issues in PRs in der Cloud, Ausführen paralleler Sub-Agenten im Terminal und Durchführen intelligenter Code-Reviews auf der PR-Seite.

GitHub Copilot-Entwicklung

JahrMeilenstein
2021Technische Vorschau gestartet. Basiert auf OpenAI Codex, nur Codevervollständigung auf Zeilenebene.
2022Offiziell kommerzialisiert: der erste groß angelegte KI-Programmierassistent.
2023Copilot Chat gestartet, Einführung konversationeller Interaktion; Copilot for Business veröffentlicht.
2024Agent Mode führte autonome Bearbeitung mehrerer Dateien ein; Multi-Modell-Unterstützung gestartet; kostenlose Tarifstufe eingeführt.
2025Agent Mode vollständig allgemein verfügbar (GA); Cloud Agent verwandelt Issues direkt in PRs; Copilot Code Review offiziell gestartet.
2026Cloud Agent, CLI und JetBrains Agent Mode vollständig allgemein verfügbar (GA); Umstellung auf nutzungsbasierte Abrechnung mit AI Credits; 4.7M+ zahlende Nutzer, die über 90% der Fortune-100-Unternehmen abdecken.

Copilot ist heute eineIDE-übergreifende, CLI-, GitHub.com- und mobileeinheitliche KI-Programmierplattform, nicht nur ein Vervollständigungs-Plugin.

Überblick über die Kernfunktionen

FähigkeitEntryKurzbeschreibung
CodevervollständigungIDEEchtzeit-Vorschläge für einzelne Zeilen/mehrere Zeilen während der Eingabe.
Nächste BearbeitungIDESagt voraus, wo die nächste Änderung erfolgen wird, und schlägt Inhalte vor.
Copilot ChatIDE / GitHub.com / MobilKonversationelle Fragen und Antworten, Codeerklärung, Testgenerierung.
Agent-ModusIDEAutonome Bearbeitung mehrerer Dateien, Ausführen von Terminalbefehlen, Iterieren, bis die Aufgabe abgeschlossen ist.
Cloud-AgentGitHub.comWeisen Sie Copilot ein Issue zu, und es schreibt Code und öffnet einen PR in der Cloud.
Copilot CLITerminalEin Agent im Terminal, der Plan, Autopilot und parallele Sub-Agenten unterstützt.
Code-ReviewGitHub.com / IDEKI überprüft PRs, liefert Inline-Vorschläge und kann mit einem Klick korrigieren.
PR-ZusammenfassungGitHub.comPR-Beschreibung und Änderungszusammenfassung automatisch generieren.
Commit-NachrichtIDE / GitHub DesktopCommit-Nachricht automatisch generieren.
GitHub SparkGitHub.comBeschreibe eine App in natürlicher Sprache und generiere ausführbaren Code und Echtzeitvorschau.

VS Code-Verwendung

Mit seinen zahlreichen KI-Plugins ist VS Code zum beliebtesten Editor zum Praktizieren von Vibe Coding geworden. Du kannst Copilot für leichtgewichtige Entwicklung nutzen oder dedizierte VIBE-Agent-Plugins für vollautomatisierte Multi-Datei-Entwicklung installieren.

VS Code-Tutorial:https://www.example.com/vscode/vscode-tutorial.html

Neue Versionen von VS Code (neueste stabile 1.116+) haben Copilot nativ integriert. Plugins müssen nicht manuell installiert werden; klicke auf das Symbol in der oberen linken Ecke, um es zu öffnen.

Wenn du den Editor öffnest, siehst du den Copilot-Eintrag. Du musst dich nur mit deinem GitHub-Konto anmelden; es ist nicht nötig, Plugins aus dem Marketplace zu installieren.

Nach der Anmeldung sehen Sie:

Ältere Versionen von VS Code (1.115 und früher) erfordern die manuelle Installation von zwei Erweiterungen:

  • GitHub Copilot: Inline-Code-Autovervollständigung
  • GitHub Copilot Chat: dialogorientierter KI-Programmierassistent

Vibe Coding starten

Als Nächstes erstellen wir ein Verzeichnis:

mkdir example-vibe-coding

In das Verzeichnis wechseln:

cd example-vibe-coding

Öffne es in VS Code:

code .

Füge eine Datei im Editor hinzu.vibe-coding-example.html ：

Wähle im Dateimenü auf der linken Seite die erstellte Datei aus, klicke oben rechts auf die Panel-Umschaltfläche, um zum KI-Tool zu wechseln, und gib dann einen Prompt in das Dialogfeld ein.

帮我写一个 JavaScript 小游戏：程序随机生成 1 到 100 的数字，让我猜，猜大了提示「太大了」，猜小了提示「太小了」，猜中了就结束。

Die KI beginnt zu arbeiten. Prüfe das Endergebnis:

Während des gesamten Prozesses müssen wir nicht selbst programmieren. HTML-Code, CSS-Style-Code und JavaScript-Code werden alle automatisch für uns generiert.

Offizielle Ressourcen

Andere Erweiterungen