Menggunakan GitHub Copilot dengan JavaScript

  • 3 menit

Di unit sebelumnya, kami menunjukkan cara menyiapkan Copilot dan menyebutkan bagaimana hal itu dapat membuat Anda lebih cepat saat pengembang mulai menulis kode.

Di unit ini, mari kita bahas bagaimana Copilot dapat membantu Anda dengan proyek yang ada dan membantu Anda dengan tugas yang lebih rumit.

Mengembangkan dengan GitHub Copilot

Seringkali ketika kita membangun proyek, kita perlu terus memastikan kode kita segar dan diperbarui. Selain itu, kita mungkin perlu memperbaiki bug apa pun yang muncul atau menambahkan fitur baru untuk meningkatkan fungsionalitas dan kegunaannya. Mari kita jelajahi beberapa cara untuk membuat pembaruan dengan GitHub Copilot dan GitHub Copilot Chat, antarmuka obrolan interaktif untuk menanyakan dan menerima jawaban atas pertanyaan terkait kode.

Rekayasa perintah

Meskipun GitHub Copilot dapat menyarankan kode saat Anda mengetik, Anda juga dapat membuat perintah untuk membuat saran yang berguna. Perintah, yang merupakan input kami, adalah kumpulan instruksi atau panduan yang membantu menghasilkan kode. Perintah berguna untuk menghasilkan respons tertentu dari Copilot. Perintah mungkin berupa komentar atau input saat menggunakan GitHub Copilot Chat yang mengarahkan Copilot untuk menghasilkan kode atas nama Anda atau menulis kode yang dikompilasi otomatis Copilot.

Kualitas output dari Copilot tergantung pada seberapa baik Anda membuat permintaan Anda. Membuat prompt yang efektif sangat penting untuk mencapai hasil yang diinginkan. Misalnya, jika Anda memiliki perintah berikut:

// Create an API endpoint

Karena prompt ambigu dan tidak jelas, hasil dari GitHub Copilot mungkin bukan yang Anda butuhkan. Misalnya, ini dapat menggunakan kerangka kerja yang tidak Anda ketahui, atau titik akhir yang memerlukan data yang tidak Anda kenali. Namun, jika Anda memiliki perintah berikut:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

Perintah terakhir ini spesifik, jelas dan memungkinkan GitHub Copilot untuk memahami tujuan dan cakupan tugas. Meskipun Anda juga dapat memberikan konteks dan contoh untuk Copilot menggunakan komentar atau kode, Anda juga dapat menggunakan opsi obrolan GitHub Copilot Chat. Memiliki prompt yang baik memastikan bahwa model menghasilkan output berkualitas tinggi.

Praktik terbaik menggunakan GitHub Copilot

Copilot meningkatkan produktivitas Anda tetapi memerlukan beberapa praktik yang baik untuk memastikan kualitas. Beberapa praktik terbaik saat menggunakan Copilot adalah:

  • Pertahankan perintah Anda tetap sederhana lalu tambahkan lebih banyak komponen yang menguraikan saat Anda terus berjalan misalnya:

    create an HTML form with a text field and button

    Selanjutnya, urai lebih lanjut tentang perintah untuk mendapatkan saran yang lebih spesifik:

    Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"

  • Bersepeda di antara saran, Anda dapat melakukan ini menggunakan Ctrl+Enter (atau + di Mac). Anda mendapatkan berbagai saran dari Copilot, dan Anda dapat memilih output terbaik. Secara opsional, saat menggunakan GitHub Copilot Chat, Anda dapat menggunakan input obrolan untuk menambahkan prompt dan berinteraksi dengan output.

Jika Anda terjebak atau tidak mendapatkan hasil yang Anda inginkan, maka Anda dapat menulis ulang perintah atau mulai menulis kode untuk Copilot untuk melengkapi otomatis.

Catatan

GitHub Copilot menggunakan file terbuka di editor teks Anda sebagai konteks tambahan. Ini berguna karena memberikan informasi yang berguna selain perintah atau kode yang mungkin Anda tulis. Jika Anda memerlukan GitHub Copilot untuk memberikan saran berdasarkan file lain, Anda dapat membukanya atau menggunakan @workspace dengan perintah Anda saat menggunakan GitHub Copilot Chat.