Chatta med hela kodbasen

Vad du bygger

En klar överblick och förståelse för hur koden i ditt Lovable-projekt hänger ihop. Genom att chatta med din kodbas kan du ställa frågor direkt till en AI som har läst igenom alla dina filer och mappar. Den förklarar hur allt fungerar på vanlig svenska, utan att du behöver vara en erfaren programmerare.

Innan du börjar

Ett påbörjat projekt i Lovable som du har laddat ner och öppnat lokalt i kodredigeraren Cursor.
Grundläggande koll på hur du navigerar bland dina mappar i datorn.

Steg för steg

Öppna projektet i Cursor – Starta programmet Cursor och se till att din projektmapp är öppen och synlig i det vänstra sidofältet.
Öppna chattpanelen – Tryck på tangenterna Cmd + L på Mac eller Ctrl + L på Windows. En chattpanel glider nu fram på skärmens högra sida.
Fråga om en specifik fil – Klicka på en fil i ditt projekt så att du har den öppen på skärmen, till exempel src/routes/index.tsx. Skriv din första fråga i chattrutan längst ner till höger för att få den förklarad.

Förklara på enkel svenska vad den här sidan gör.

Få en överblick av strukturen – Nu lyfter vi blicken. Be AI-chatten att skanna hela din projektstruktur för att förstå hur alla filer samarbetar. Skriv detta i chatten:

Sammanfatta strukturen i src-mappen och berätta hur de viktigaste delarna hänger ihop.

Hitta specifika funktioner – Om du letar efter en speciell funktion, som till exempel var inloggningen eller användardatan hanteras, kan du fråga efter det direkt.

Var hanteras auth i det här projektet och vilka filer styr det?

Använd @-symbolen för att peka på filer – Om du vill ställa en fråga om en specifik fil som du inte har öppen på skärmen skriver du ett @-tecken i chattrutan. En meny dyker upp där du kan söka efter och välja den exakta filen eller mappen du vill att AI:n ska läsa.
Ställ följdfrågor om designval – Nöj dig inte med att bara veta vad koden gör. Fråga varför den är uppbyggd på just det sättet för att lära dig mer.

Varför har vi gjort så här och vad händer om jag ändrar X?

Byggloftets tips

Fråga alltid varför. Att få veta vad koden gör är bra, men när du frågar varför utvecklaren eller AI:n har byggt det på det viset förstår du det större sammanhanget mycket snabbare. Vår isbjörnsmaskot Bygge brukar påminna oss om att det är så man går från att bara kopiera till att faktiskt förstå.
Använd @ för fokuserade svar. Om du har ett stort projekt kan AI:n ibland sväva iväg och läsa fel saker. Genom att skriva @ och välja en specifik fil tvingar du chatten att bara koncentrera sig på just den källkoden.
Spara bra förklaringar till senare. Om du får en riktigt bra sammanfattning av hur din databas eller användarhantering fungerar, kopiera texten och spara den i en ny fil som du döper till kodguide.md i din projektmapp. Då har du din egen handbok redo.

Vanliga fel

"AI:n hittar på saker eller svarar fel": Om ett svar känns märkligt, be den bevisa sitt påstående. Skriv "Peka mig till exakt rad i koden där detta sker" så tvingas den titta på den faktiska filen i stället för att gissa.
Svaren i chatten är sega och långsamma: Kika längst ner i chattfönstret och se till att det står till exempel Claude 3.5 Sonnet eller GPT-4o. Du kan ändra vilken AI-modell som används i Cursors inställningar om du har råkat välja en långsammare modell.
Svaren hänvisar till gammal kod: Om du precis har gjort ändringar i Lovable men chatten inte verkar förstå det, se till att du har sparat alla dina filer lokalt i Cursor och att du har hämtat hem de senaste ändringarna (gjort en "git pull") från ditt GitHub-arkiv.

Du är klar när…

Du har chattpanelen öppen på höger sida i Cursor och AI-assistenten har gett dig en tydlig sammanfattning av hur filerna i din src-mapp hänger ihop.

Det finns en videoversion av den här lektionen för medlemmar. Texten ovan är komplett.