Menyiapkan GitHub Copilot untuk pengembangan Windows

Panduan ini memandu Anda menyiapkan GitHub Copilot dengan alat yang membuatnya benar-benar berguna untuk pengembangan Windows: plugin agen WinUI yang memberikan konteks SDK Aplikasi Windows akurat Copilot, dan Microsoft Learn MCP Server yang memberikan Copilot akses langsung ke dokumentasi Windows resmi.

Petunjuk / Saran

Membangun aplikasi baru dengan Visual Studio Code dan CLI winapp? Quickstart adalah cara yang lebih cepat — mencakup alat yang sama dalam satu alur lengkap dari awal hingga akhir. Kembali ke sini jika Anda mengonfigurasi GitHub Copilot untuk alur kerja Visual Studio yang sudah ada.

Nota

Anda dapat membuat aplikasi WinUI 3 menggunakan Visual Studio atau VS Code dengan winapp CLI — gunakan mana pun yang paling nyaman bagi Anda. Langkah-langkah di bawah ini ditandai sesuai dengan itu jika pengalamannya berbeda.

Prasyarat

• Langganan GitHub Copilot (tersedia tingkat gratis)
• Visual Studio Code atau Visual Studio 2026
• Node.js 18 atau yang lebih baru (diperlukan untuk perintah penginstalan plugin Copilot)

---

Langkah 1: Instal GitHub Copilot di IDE Anda

Visual Studio (WinUI 3)

GitHub Copilot dibangun pada Visual Studio 2026. Tab ini mencakup penyiapan untuk Visual Studio.

1. Buka Visual Studio dan buka Ekstensi>Kelola Ekstensi.
2. Cari GitHub Copilot dan instal, atau verifikasi sudah diinstal.
3. Masuk melalui Tools>Options>GitHub>Accounts.

Untuk penyiapan terperinci, lihat Tutorial: Membuat aplikasi Windows dengan GitHub Copilot.

Visual Studio Code (Electron, Flutter, .NET, Rust)

1. Buka Visual Studio Code dan buka tampilan Ekstensi (Ctrl+Shift+X).
2. Cari GitHub Copilot dan instal ekstensi.
3. Masuk dengan akun GitHub Anda saat diminta.
4. Untuk mengaktifkan mode agen (diperlukan untuk tugas multi-langkah), buka Pengaturan (Ctrl+,), cari chat.agent.enabled, dan alihkannya.

Untuk penyiapan terperinci, lihat GitHub Copilot di VISUAL Code.

Langkah 2: Instal plugin agen WinUI

Plugin agen WinUI dari Awesome Copilot repositori komunitas mengajarkan Copilot pola SDK Aplikasi Windows yang tepat — mencegah kesalahan umum seperti menggunakan API UWP yang tidak digunakan lagi.

gh copilot plugin install winui@awesome-copilot

Ini menyalin agen, keterampilan, dan instruksi kustom ke direktori proyek .github/ Anda. Copilot secara otomatis menangkapnya saat Anda membuka kembali proyek tersebut. Setelah penginstalan, jalankan copilot plugin list dan konfirmasikan bahwa winui3-development@awesome-copilot muncul di daftar plugin yang diinstal.

Petunjuk / Saran

Anda juga dapat menelusuri dan menginstal plugin Copilot langsung dari VS Code menggunakan ekstensi Awesome Copilot.

---

Langkah 3: Tambahkan Server MCP Microsoft Learn

Microsoft Learn MCP Server memberikan akses langsung Copilot ke dokumentasi Microsoft resmi — sehingga dapat mencari referensi API dan sampel kode saat ini karena membantu Anda membuat kode.

Visual Studio Code (Electron, Flutter, .NET, Rust)

Tambahkan yang berikut ini ke Visual Studio Code settings.json Anda (buka dengan Ctrl+Shift+P>Buka Pengaturan Pengguna (JSON)):

{
  "mcp": {
    "servers": {
      "microsoft-learn": {
        "type": "http",
        "url": "https://learn.microsoft.com/api/mcp"
      }
    }
  }
}

Atau, untuk menambahkannya per proyek, buat .vscode/mcp.json di akar proyek Anda:

{
  "servers": {
    "microsoft-learn": {
      "type": "http",
      "url": "https://learn.microsoft.com/api/mcp"
    }
  }
}

Visual Studio

1. Pergi ke Tools>Options>GitHub>Copilot>MCP Servers.
2. Tambahkan server baru dengan URL: https://learn.microsoft.com/api/mcp

Langkah 4: Verifikasi penyiapan Anda

Buka Copilot Chat dan coba perintah ini untuk mengonfirmasi bahwa semuanya berfungsi:

Pengujian plugin WinUI 3:

"Tambahkan dialog konfirmasi ke aplikasi WinUI 3 saya yang bertanya sebelum menghapus item."

Copilot harus merespons dengan implementasi ContentDialog termasuk pengaturan XamlRoot yang diperlukan — konteks SDK Aplikasi Windows dari plugin ini membimbingnya ke API modern yang tepat tanpa Anda perlu menentukan apa yang harus dihindari.

Uji Learn MCP Server:

"Cari catatan rilis SDK Aplikasi Windows terbaru dan beri tahu saya apa yang baru."

Copilot harus mengambil catatan rilis terbaru dari Microsoft Learn dan meringkasnya.

---

Opsional: Menambahkan lebih banyak server MCP Windows

Perluas konteks Copilot lebih lanjut dengan server MCP Windows khusus tambahan:

MCP Server	Manfaat yang diberikan Copilot	URL / penyiapan
Azure DevOps	Mengakses item kerja, PR, dan build	Azure DevOps McP Server

---

Langkah berikutnya

Tutorial: Membangun aplikasi Windows dengan GitHub Copilot

• Memodernisasi atau memindahkan aplikasi Windows dengan Copilot
• Ikhtisar alat agentik — rincian lengkap semua alat