5-dars / 12 dars2-modul. Cursor bilan ishlash
Akademiya/Vibe Coding/5-dars. Cursor Chat rejimi — AI bilan suhbatlashib kod yozish
Boshlang'ich15 daqiqa

5-dars. Cursor Chat rejimi — AI bilan suhbatlashib kod yozish

Cursor Chat — bu AI bilan to'liq suhbat olib borish imkoniyati. Tab va Inline Edit tezkor o'zgarishlar uchun, Chat esa murakkab savollar, yangi funksiyalar yaratish va xatolarni tushunish uchun. Bu darsda siz Chat bilan professional darajada ishlashni o'rganasiz.

Mavzu izohi

Cursor Chat paneli Cmd+L (Mac) yoki Ctrl+L (Windows) bilan ochiladi. Bu yerda siz AI bilan erkin suhbat olib borasiz — savol berasiz, kod so'raysiz, xato haqida so'raysiz. AI sizning loyihangiz kontekstini ko'radi va mos javob beradi.

Chat ning kuchi — kontekst. Siz @ belgisi bilan fayllarni (@filename), funksiyalarni (@functionName) va hatto butun papkalarni (@folder) kontekstga qo'shishingiz mumkin. AI shu fayllarni o'qiydi va ularni hisobga olib javob beradi.

Chat rejimida AI sizga faqat kod bermaydi, balki tushuntiradi ham. 'Bu kod nima qiladi?', 'Bu xato nimadan?' yoki 'Buni qanday yaxshilayman?' kabi savollar berish mumkin. Bu vibe coding da eng muhim ko'nikma — AI bilan samarali muloqot.

Chat dan yaratilgan kodni loyihangizga qo'llash uchun 'Apply' tugmasini bosasiz — Cursor o'zi to'g'ri faylga, to'g'ri joyga qo'yadi. Yoki 'Apply All' bilan barcha taklif qilingan o'zgarishlarni birga qo'llaysiz.

Bu darsdan nima olasiz

  • Chat panelini ochish va boshqarish (Cmd+L, yangi suhbat, tarix)
  • @ mentions bilan kontekst qo'shish (@file, @folder, @web)
  • Yangi kod yaratish uchun samarali prompt yozish
  • Mavjud kodni tushuntirish so'rash
  • Xatolarni AI yordamida aniqlash va tuzatish
  • Apply va Apply All bilan kodni loyihaga qo'llash

Chuqurroq tushuntirish

Chat rejimida @ mentions tizimi juda kuchli. @file — bitta faylni kontekstga qo'shadi. @folder — butun papkani. @web — internetdan qidirish. @codebase — butun loyihani. @git — git tarixini. @terminal — terminal chiqishini. To'g'ri mention ishlatish AI javob sifatini 2-3 baravar oshiradi.

Chat da multi-turn conversation (ko'p qadam suhbat) juda muhim. Birinchi xabarda umumiy maqsadni aytasiz, AI javob beradi. Keyin 'endi X ni qo'sh', 'Y ni o'zgartir' deb davom etasiz. AI oldingi suhbat kontekstini eslab qoladi. Bu iterativ yondashuv vibe coding ning asosi — bir qadam, natijani ko'rish, keyingi qadam.

Chat vs Agent mode farqi: Chat sizga taklif beradi, siz Apply bosasiz. Agent esa o'zi fayllarni ochadi, o'zi o'zgartiradi, o'zi terminalda buyruq ishlatadi. Chat — kontrollangan, Agent — avtonom. Boshlovchilar uchun Chat xavfsizroq, chunki har qadamni siz nazorat qilasiz.

Xato tuzatish (debugging) Chat ning eng kuchli tomonlaridan biri. Terminal dan xato xabarini nusxalab Chat ga yuborsangiz, AI: 1) xato sababini tushuntiradi, 2) tuzatish yo'lini ko'rsatadi, 3) tayyor kod beradi. Bu an'anaviy StackOverflow qidirishdan 10 marta tezroq.

Tayyor prompt shabloni

Ko'chirib moslashtiring
@app.tsx @styles.css Men bu komponendagi button stilini o'zgartirmoqchiman. Tugma hozir oddiy ko'k rangda. Uni gradient qilib, hover effekti qo'shib, va mobil qurilmalarda kattaroq bo'lsin. Mavjud dizayn tizimiga mos qilib yozib ber.

Nega ishlaydi

Kontekst: '@app.tsx @styles.css' — AI aniq qaysi fayllarni o'qishi kerakligini biladi

Hozirgi holat: 'hozir oddiy ko'k rangda' — AI nimani o'zgartirish kerakligini tushunadi

Yangi talab: 'gradient, hover effekti, mobil da kattaroq' — 3 ta aniq o'zgartirish

Moslik: 'mavjud dizayn tizimiga mos' — AI loyiha uslubini saqlaydi

Amaliy mashq

  • Cursor da mavjud loyihangizni yoki yangi papkani oching
  • Cmd+L bosib Chat panelini oching
  • 'Bu loyihada qanday fayllar bor va ular nima qiladi?' deb so'rang
  • Yangi fayl yaratish uchun: 'navbar.tsx komponenti yarat — logo chap tomonda, menyular markazda, tugma o'ng tomonda' deb yozing
  • AI javobidagi 'Apply' tugmasini bosib kodni faylga qo'llang
  • Xato bo'lsa terminal xatosini nusxalab Chat ga yuboring: 'Bu xato nimadan va qanday tuzataman?'

Ko'p uchraydigan xatolar

  • Kontekst qo'shmaslik — @ mentions ishlatmasangiz, AI sizning loyihangizni bilmaydi
  • Juda uzun suhbat — 10+ xabardan keyin yangi chat ochish yaxshiroq (Cmd+N)
  • Apply ni ko'rmasdan bosish — har doim diff (o'zgarishlar) ni ko'rib chiqing
  • Bir xabarla juda ko'p narsa so'rash — har bir xabar bitta aniq maqsadga ega bo'lsin

Dars bo'yicha savol-javob

Chat tarixini saqlash mumkinmi?

Ha, Cursor barcha chat suhbatlarini saqlaydi. Chap panelda chat tarixini ko'rishingiz va oldingi suhbatlarga qaytishingiz mumkin.

Chat da rasm yuborish mumkinmi?

Ha, Cursor Chat ga screenshot yoki dizayn rasmini drag-and-drop qilishingiz mumkin. AI rasmni tahlil qilib, mos kod yaratadi — masalan Figma dizayndan komponent.

Chat nechta token ishlatadi?

Har bir xabar model va kontekst hajmiga qarab 500-5000 token ishlatadi. Bepul rejada 50 ta premium so'rov — bu taxminan 50 ta batafsil savol-javob. Oddiy savollar uchun yetarli.

Keyingi qadam

Cursor Chat rejimi: AI bilan kod yozish | Prompter