Pengekodan Vibe · Pelajaran

Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan

Berikan kecerdasan buatan perkara yang diperlukan untuk membetulkan pepijat.

Pelajaran 2 daripada 413 langkah

Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan ialah pelajaran Pengekodan Vibe percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pengekodan Vibe, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Sampah Masuk, Sampah Keluar

Anda telah menemui ralat. Kini anda mahu AI membaikinya. Tetapi begini keadaannya: keupayaan AI hanya setanding dengan konteks yang anda berikan.

Tampal 'ia rosak, tolong baiki' dan anda akan mendapat tekaan. Tampal butiran yang betul dan alat seperti Cursor, Claude Code atau Copilot boleh memberikan pembaikan yang tepat dengan segera.

Pelajaran ini mengajar anda dengan tepat perkara yang diperlukan AI untuk membaiki pepijat — dan cara menyerahkannya dengan kemas.

Empat Perkara yang Diperlukan AI

Untuk mendapatkan pembaikan yang baik, berikan AI empat bahan ini:

  • Mesej ralat penuh — termasuk jejak timbunan
  • Kod yang berkaitan — fungsi atau fail yang ditunjukkan oleh ralat
  • Perkara yang anda jangkakan berlaku
  • Perkara yang sebenarnya berlaku

Jika salah satu tiada, AI perlu meneka. Sertakan semuanya dan AI akan menaakul seperti jurutera kanan yang memerhati kerja anda.

Arahan Buruk berbanding Arahan Baik

Bandingkan kedua-duanya. Yang pertama membazirkan masa semua orang. Yang kedua menghasilkan pembaikan yang tepat.

Perhatikan bahawa arahan kedua memberikan ralat, kod, jangkaan dan keadaan sebenar — kesemua empat bahan.

BAD:
"my app crashes fix it"

GOOD:
"I'm getting this error when I click Save:

TypeError: Cannot read properties of undefined (reading 'id')
    at saveUser (api.js:22:14)

Here's the saveUser function:
[paste the function]

Expected: the user gets saved.
Actual: it crashes on click. What's wrong and how do I fix it?"

Sentiasa Sertakan Ralat Penuh

Pemula sering menampal baris pertama ralat sahaja. Tetapi jejak timbunan di bawahnya memberitahu AI fungsi yang terlibat dan susunannya.

Salin keseluruhan blok merah — daripada jenis ralat hingga ke baris at .... Dalam konsol penyemak imbas, klik kanan ralat dan pilih 'Salin'. Dalam terminal, pilih dan salin keseluruhan output.

Lebih banyak isyarat = pembaikan yang lebih baik. AI boleh mengabaikan perkara yang tidak diperlukan.

Tampal Kod yang Betul, Bukan Semuanya

Anda tidak perlu mencurahkan keseluruhan projek. Berikan AI fungsi yang ditunjukkan oleh ralat, serta apa-apa yang disentuhnya secara langsung.

Jika ralat berlaku dalam saveUser pada baris 22, tampalkan saveUser. Jika saveUser menggunakan pemboleh ubah yang dicipta dalam fungsi lain, tampalkan yang itu juga.

Dalam Cursor atau Claude Code, anda sering tidak perlu menampal apa-apa — anda hanya perlu menggunakan @mention pada fail tersebut dan AI akan membacanya. Namun, mengetahui fail yang mana untuk ditunjukkan ialah kemahirannya.

Huraikan Jangkaan berbanding Keadaan Sebenar

Inilah bahan yang paling kerap dilangkau oleh pemula — dan yang paling berkuasa. AI boleh membaca kod anda, tetapi tidak boleh membaca niat anda.

Nyatakan kedua-dua sisi dengan jelas:

"When I submit the form, I EXPECT the new task to
appear in the list below.

What ACTUALLY happens: the page goes blank and the
console shows the error below."

// This one sentence often points AI straight to the bug.

Templat Arahan Penyahpepijatan yang Boleh Digunakan Semula

Simpan templat ini. Isikan ruang kosong setiap kali anda menemui pepijat. Templat ini memastikan anda menyertakan keempat-empat bahan.

I'm building [what your app does].

When I [action that triggers it], I get this error:

[paste full error + stack trace]

Here's the relevant code:

[paste function / file]

Expected: [what should happen]
Actual: [what happens instead]

What's the cause, and what's the smallest fix?

Tanya Puncanya, Bukan Tampalan Sahaja

Satu peningkatan yang halus: akhiri arahan anda dengan meminta AI menerangkan puncanya, bukan sekadar memberikan kod baharu.

Jika anda hanya meminta 'baikinya', anda mungkin mendapat kod yang tidak difahami — dan pepijat seterusnya akan mengelirukan anda lagi. Bertanya 'mengapa perkara ini berlaku?' mengajar anda sambil bekerja dan membantu anda mengesan apabila penaakulan AI tersasar.

"Before you give me the fix, explain in one or two
sentences WHY this error happens. Then show the
smallest change that fixes it."

Cuba Hasilkan Semula Sendiri Dahulu

Perkara paling berguna yang boleh anda berikan kepada AI ialah langkah tepat untuk menghasilkan semula masalah. Jika anda boleh berkata 'klik Simpan dengan medan nama kosong → ranap', AI tahu dengan tepat laluan yang dilalui kod.

Cuba petikan kod ini: ia menghasilkan semula pepijat sebenar. Jalankannya, salin ralat yang dicetak dan bayangkan anda menampal ralat itu bersama kod ke dalam alat AI anda.

function saveUser(user) {
  return "Saved user #" + user.id;
}

try {
  saveUser(undefined); // reproduce: no user passed
} catch (err) {
  console.log(err.name + ": " + err.message);
}

Berwaspada terhadap Rahsia

Satu peraturan keselamatan sebelum anda menampal: jangan sekali-kali sertakan kunci API, kata laluan atau token dalam kod yang anda hantar kepada AI atau kongsi secara umum.

Jika ralat atau kod anda memaparkan sesuatu seperti API_KEY="sk-abc123...", gantikannya dengan API_KEY="REDACTED" sebelum menampal. AI tidak memerlukan rahsia sebenar untuk membaiki logik anda.

Kebanyakan alat adalah selamat, tetapi ini ialah tabiat baik sepanjang hayat bagi mana-mana pembina.

Satukan Semuanya

Berikut ialah contoh yang diisi sepenuhnya menggunakan templat — ralat, kod, jangkaan, keadaan sebenar dan permintaan untuk menerangkan puncanya. Beginilah rupa arahan penyahpepijatan yang 'sempurna' dalam amalan.

Hayati struktur ini dan alat AI akan terasa seolah-olah dapat membaca fikiran anda.

I'm building a to-do app.

When I click 'Add', I get:
TypeError: Cannot read properties of null (reading 'value')
    at addTask (app.js:9:30)

Code:
function addTask() {
  const text = document.getElementById('taskInput').value;
  list.push(text);
}

Expected: the typed task is added to the list.
Actual: nothing adds, console throws the error above.

Why does this happen, and what's the smallest fix?

Semakan Ringkas

Arahan yang manakah akan mendapatkan pembaikan terbaik dan paling tepat daripada alat AI?

Imbas Kembali: Berikan Konteks yang Betul kepada AI

Kini anda tahu cara mengubah 'ia rosak' yang samar menjadi permintaan yang tepat. Ingat untuk menyertakan:

  • Ralat penuh dan jejak timbunan
  • Kod yang berkaitan (fungsi yang ditunjukkannya)
  • Kelakuan yang dijangka berbanding yang sebenar
  • Permintaan untuk menerangkan puncanya, serta padamkan sebarang rahsia

Gunakan templat yang boleh digunakan semula setiap kali. Pelajaran seterusnya: apabila ralat sahaja tidak mencukupi, anda akan belajar untuk mengecilkan skop pepijat dengan bantuan AI.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
25
Pelajaran
100

Soalan Lazim

Adakah pelajaran “Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pengekodan Vibe, termasuk “Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan”?

Berikan kecerdasan buatan perkara yang diperlukan untuk membetulkan pepijat. Anda berlatih Pengekodan Vibe menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pengekodan Vibe?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pengekodan Vibe di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.

Berapa lamakah pelajaran “Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pengekodan Vibe ini?

Ya. Setiap pelajaran Pengekodan Vibe menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Memahami Mesej Ralat
  2. Menampal Ralat kepada Kecerdasan Buatan dengan Berkesan
  3. Mengecilkan Skop Pepijat
  4. Apabila Kecerdasan Buatan Buntu
← Kembali ke Pengekodan Vibe