Latihan - Menyiapkan GitHub Copilot untuk bekerja dengan Visual Studio Code

  • 5 menit

Dalam latihan ini, kami membuat repositori baru menggunakan templat GitHub untuk aplikasi web frontend portofolio pribadi JavaScript.

Cara menyiapkan GitHub Copilot

Untuk menggunakan GitHub Copilot, Anda perlu menyelesaikan langkah-langkah berikut:

  1. Akun GitHub:

    • Buat akun GitHub. Karena Copilot adalah layanan GitHub, Anda memerlukan akun GitHub untuk menggunakannya. Jika Anda tidak memiliki akun, kunjungi halaman web GitHub untuk membuatnya secara gratis.

  2. Daftar dan aktifkan GitHub Copilot:

    • Anda dapat menyiapkan akun GitHub Copilot Free atau mendaftar langganan ke uji coba GitHub Copilot Pro dengan uji coba satu kali 30 hari. Untuk tujuan pembelajaran, opsi Copilot Free dengan batas penggunaan harus cukup.
    • Penting untuk mengetahui kondisi uji coba gratis GitHub Copilot: jika Anda memilih penawaran uji coba gratis untuk GitHub Copilot, bentuk pembayaran diminta saat pendaftaran. Biaya tidak akan dikenakan sampai berakhirnya periode uji coba 30 hari, kecuali jika Anda membatalkannya sebelumnya.

Petunjuk / Saran

GitHub Copilot menawarkan tingkatan gratis dengan 2.000 pengisian otomatis kode dan 50 pesan obrolan per bulan. Untuk memulai, buka Visual Studio Code, klik ikon GitHub Copilot, lalu klik "Masuk untuk Menggunakan GitHub Copilot for Free". Masuk ke akun GitHub Anda di jendela yang terbuka di browser. Pelajari selengkapnya. Pendidik, Siswa, dan, memilih pengelola sumber terbuka dapat menerima Copilot Pro secara gratis, pelajari caranya di: https://aka.ms/Copilot4Students.

  1. Pasang Ekstensi:
    • GitHub Copilot tersedia sebagai ekstensi untuk IDE utama, termasuk Visual Studio, Visual Studio Code, JetBrains IDE, Vim, dan XCode.
    • Untuk menginstal, cari "GitHub Copilot" di marketplace ekstensi IDE Anda dan ikuti instruksi penginstalan. Misalnya, di pasar Visual Studio Code, Anda menemukan GitHub Copilot, GitHub Copilot Chat, dan GitHub Copilot untuk Azure sebagai opsi untuk menginstal.

Pengaturan lingkungan

Pertama, Anda perlu meluncurkan lingkungan Codespaces, yang telah dikonfigurasi sebelumnya dengan ekstensi GitHub Copilot.

  1. Pilih tombol berikut untuk Membuka Codespace dengan lingkungan yang telah dikonfigurasi sebelumnya.

    Buka di GitHub Codespaces

  2. Pada halaman Buat codespace , tinjau pengaturan konfigurasi codespace, lalu pilih Buat codespace baru

  3. Tunggu hingga codespace dimulai. Proses startup ini dapat memakan waktu beberapa menit.

  4. Latihan yang tersisa dalam proyek ini berlangsung dalam konteks kontainer pengembangan ini.

Penting

Semua akun GitHub dapat menggunakan Codespace hingga 60 jam gratis setiap bulan dengan dua instans inti. Untuk informasi selengkapnya, lihat GitHub Codespaces bulanan yang disertakan penyimpanan dan jam inti.

Portofolio JavaScript

Setelah selesai, Codespace dimuat dengan bagian terminal di bagian bawah. Codespace menginstal semua ekstensi dan dependensi yang diperlukan dalam kontainer Anda. Setelah selesai, templat ini dikonfigurasi untuk digunakan npm start untuk memulai aplikasi web dalam Codespace Anda.

Ketika aplikasi web berhasil dimulai, pesan di terminal menunjukkan bahwa server berjalan pada port 1234 dalam Codespace Anda.