Chat ja Composer ovat Cursorin kaksi pääasiallista AI-työkalua. Niillä on eri tarkoitukset ja vahvuudet. Tässä oppaassa opit valitsemaan oikean työkalun kuhunkin tilanteeseen.
Chat (Cmd+L) on keskustelupohjainen työkalu:
Vahvuudet: - Kysymyksiin vastaaminen - Koodin selittäminen - Ideoiden sparraus - Ongelmien diagnosointi - Dokumentaation etsiminen
Käyttötapaukset: - "Miksi tämä koodi ei toimi?" - "Selitä mitä tämä funktio tekee" - "Mikä on paras tapa toteuttaa X?" - "Mitä tämä virheviesti tarkoittaa?"
Chat ei muokkaa tiedostoja suoraan - se ehdottaa koodia jonka voit kopioida.
// Hyvä Chat-prompti:
"Selitä miten React useEffect toimii ja
milloin sitä pitäisi käyttää. Anna esimerkkejä
yleisimmistä käyttötapauksista."Composer (Cmd+I) on koodin kirjoittamiseen:
Vahvuudet: - Koodin kirjoittaminen - Useiden tiedostojen muokkaus - Refaktorointi - Testien luonti - Uusien ominaisuuksien toteutus
Käyttötapaukset: - "Lisää autentikaatio sovellukseen" - "Refaktoroi tämä komponentti" - "Luo uusi API-endpoint" - "Korjaa tämä bugi"
Composer näyttää muutokset diff-näkymässä ja muokkaa tiedostoja suoraan.
// Hyvä Composer-prompti:
"Luo uusi React-komponentti ProductCard.tsx
joka näyttää tuotteen kuvan, nimen, hinnan
ja 'Lisää koriin' -napin. Käytä TypeScript
ja Tailwind CSS."| Ominaisuus | Chat | Composer |
|---|---|---|
| ------------ | ------ | ---------- |
| Pikanäppäin | Cmd+L | Cmd+I |
| Tarkoitus | Keskustelu | Toteutus |
| Muokkaa tiedostoja | Ei | Kyllä |
| Multi-file | Rajoitettu | Kyllä |
| Diff-näkymä | Ei | Kyllä |
| Agent-tila | Ei | Kyllä |
| Sopii kysymyksiin | Erinomainen | Heikko |
| Sopii toteutukseen | Heikko | Erinomainen |
Käytä Chatia kun:
1. Kysyt jotain - "Mitä tämä koodi tekee?" - "Miksi saan tämän virheen?"
2. Haluat oppia - "Selitä miten async/await toimii" - "Mikä ero on useMemo ja useCallback?"
3. Suunnittelet - "Mikä olisi paras arkkitehtuuri tälle?" - "Mitä pitäisi huomioida tässä toteutuksessa?"
4. Debuggaat - "Miksi tämä testi ei mene läpi?" - "Missä tässä koodissa on ongelma?"
Käytä Composeria kun:
1. Toteutat uutta - "Luo käyttäjäprofiilisivu" - "Lisää hakutoiminto"
2. Muokkaat olemassa olevaa - "Refaktoroi tämä funktio" - "Lisää TypeScript-tyypit"
3. Korjaat bugeja - "Korjaa tämä null-pointer -virhe" - "Fixaa tämä layout-ongelma"
4. Teet laajoja muutoksia - "Päivitä kaikki API-kutsut käyttämään uutta endpointia" - "Lisää error handling kaikkiin API-funktioihin"
Tehokkain työnkulku yhdistää molemmat:
1. Suunnittele Chatissa - "Miten kannattaisi toteuttaa käyttäjäautentikaatio?"
2. Toteuta Composerissa - "Toteuta autentikaatio suunnitelman mukaan"
3. Debuggaa Chatissa - "Miksi kirjautuminen ei toimi?"
4. Korjaa Composerissa - "Korjaa session hallinta"
Vinkki: Voit kopioida Chatin vastauksia Composeriin ja päinvastoin.
Syvällinen opas Cursor Composerin käyttöön - vibekoodauksen tehokkain työkalu.
Opas .cursorrules-tiedoston käyttöön - anna AI:lle projektikohtaiset ohjeet.
Opi hallitsemaan AI:n kontekstia tehokkaasti - avain parempiin tuloksiin.
Löydä lisää vinkkejä ja oppaita Cursorin tehokäyttöön.