Tambahkan kode yang dihasilkan oleh AI menggunakan Copilot (pratinjau)

[Topik ini adalah dokumentasi prarilis dan dapat berubah.]

Tambahkan kode yang dihasilkan AI dengan menggunakan Copilot di Visual Studio Code untuk membantu Anda membuat kode melalui interaksi obrolan bahasa alami. Anda juga dapat mempelajari lebih dalam kode yang ada dan mempelajari artinya dengan menggunakan fitur Jelaskan . Dalam Power Pages, Anda membuat kustomisasi situs dengan menggunakan kode HTML, JS, atau CSS yang saat ini tidak didukung oleh studio desain kode rendah Power Pages. Pengalaman obrolan Copilot ini membantu Power Pages pengembang seperti Anda menulis kode dengan menjelaskan perilaku kode yang diharapkan melalui bahasa alami. Selanjutnya Anda dapat menyempurnakan kode yang dihasilkan dan menggunakannya saat menyesuaikan situs Anda.

Visual Studio Code dengan Copilot di Power Pages.

Penting

  • Ini adalah fitur pratinjau.
  • Fitur pratinjau tidak dibuat untuk penggunaan produksi dan mungkin memiliki fungsionalitas yang dibatasi. Fitur ini tersedia sebelum rilis resmi agar pelanggan bisa memperoleh akses awal dan memberikan tanggapan.
  • Untuk memahami kemampuan dan keterbatasan fitur ini, lihat FAQ untuk kode yang dihasilkan AI menggunakan Copilot.

Prasyarat

Untuk memahami penggunaan dan batasan Copilot, tinjau persyaratan dan dokumen TANYA Jawab Umum AI yang Bertanggung Jawab. Periksa persyaratan berikut untuk mulai menggunakan Copilot di. Power Pages

Visual Studio Code

  • Instal ekstensi Power Platform Tools terbaru.

  • Buka folder root situs di Visual Studio Code.

    Explorer Visual Studio Code.

  • Masuk ke Power Pages Copilot dengan menggunakan kredensial Lingkungan Dataverse Anda.

Visual Studio Kode untuk Web

Anda juga dapat menggunakan Copilot di Power Pages saat mengedit kode dengan menggunakan Visual Studio Code untuk Web.

Tangkapan layar Visual Studio Code versi web.

Gunakan Copilot untuk menghasilkan kode

Penting

Copilot di Visual Studio Code disesuaikan untuk menghasilkan kode bagi situs Power Pages, sehingga fungsionalitasnya terbatas pada bahasa yang didukung oleh situs Power Pages, seperti HTML, JavaScript, dan CSS. Kode yang dihasilkan dari Copilot menggunakan kerangka kerja yang didukung seperti Bootstrap dan jQuery.

  1. Dalam obrolan Copilot, jelaskan perilaku kode yang Anda inginkan dengan menggunakan bahasa alami. Misalnya, kode untuk validasi formulir atau panggilan Ajax dengan menggunakan Power Pages Web API.
  2. Lanjutkan menyusun ulang pertanyaan Anda di obrolan Copilot secara berulang hingga Anda mendapatkan apa yang Anda butuhkan.
  3. Ketika Anda senang dengan kode yang dihasilkan, Anda dapat dengan mudah menyalin dan menempelkan cuplikan kode atau menyisipkan kode ke situs Power Pages dan memodifikasi kode lebih lanjut.
  4. Gunakan tombol panah atas/bawah untuk menavigasi di antara petunjuk yang baru saja dimasukkan.

Contoh:

  • Write code for Web API to fetch active contacts
  • Write code in JavaScript to make sure that submitted value for phone number field is in valid format

Catatan

  • kode yang dihasilkan Copilot mungkin tidak memiliki nama yang benar untuk tabel atau kolom, jadi verifikasi detail ini sebelum menggunakan kode.
  • Untuk menghasilkan kode yang lebih akurat, pastikan Anda membuka file tempat anda ingin menggunakan kode tersebut. Contohnya, buka template web dengan kode Web API yang ingin Anda tambahkan atau buka file JavaScript kustom untuk formulir yang akan ditambahkan validasi bidang.

Tambahkan kode yang dihasilkan AI.

Gunakan Explain untuk memahami kode

Fitur Explain Copilot berguna bagi pengembang yang sedang mengerjakan kode yang ada dan ingin memahaminya. Untuk menggunakan Jelaskan, ikuti langkah-langkah berikut:

Pilih baris kode yang ingin Anda pahami dari editor kode. Klik kanan untuk mengakses menu dalam konteks. Pilih Copilot di Power Pages dan pilih Jelaskan. Copilot merekam baris kode yang dipilih di panel obrolan dan memberikan respons yang menjelaskan kode tersebut kepada Anda.

Atau, pilih baris kode dan ketik Explain selected code di panel obrolan Copilot. Anda juga dapat langsung bertanya kepada Copilot dengan menambahkan kode di prompt. Misalnya, Anda bisa bertanya Explain the following code {% include 'Page Copy'%}.

Tangkapan layar pilihan menu untuk mengakses fitur Explain Copilot di Visual Studio Code.

Masalah yang diketahui

Ada kalanya, petunjuk salah diklasifikasi sebagai kode berbahaya.

Bantu kami meningkatkan fitur ini

Dalam setiap respons obrolan Copilot, pilih opsi umpan balik, jempol ke atas (👍) jika Anda menyukai respons atau jempol ke bawah (👎) jika Anda tidak menyukainya. Tanggapan Anda akan sangat membantu meningkatkan kemampuan fitur ini.

Teks yang digunakan oleh pembaca layar.

Baca juga