Vad du bygger
Ett tryggt arbetsflöde där du sparar och skickar dina kodändringar till molnet med tre enkla klick. Du skapar en digital tidsmaskin för ditt projekt så att du aldrig behöver oroa dig för att förstöra något som redan fungerar.
Innan du börjar
- Ett påbörjat projekt i Lovable.
- Kodredigeraren Cursor installerad på din dator.
- Ditt projekt kopplat till ett konto på GitHub.
Steg för steg
- Öppna Source Control — Klicka på ikonen som ser ut som tre små cirklar kopplade med linjer i Cursors vänstra sidomeny. Du kan också använda kortkommandot Ctrl+Shift+G på Windows eller Cmd+Shift+G på Mac.
- Granska dina ändringar — Under rubriken Changes ser du en lista på alla filer du har ändrat på sedan din förra sparande.
- Klunga ihop filerna — Håll muspekaren över ordet Changes och klicka på det lilla plus-tecknet (+) för att förbereda alla filer för sparande. De flyttas då upp till rubriken Staged Changes.
- Skriv en kort beskrivning — Klicka i textrutan som heter Message högst upp i panelen. Skriv en kort rad om vad du faktiskt har gjort.
Fixade knappen i kontaktformuläret
- Spara lokalt — Klicka på den blå knappen där det står Commit. Nu är dina ändringar säkrade på din egen dator.
- Skicka till molnet — Klicka på den blå knappen som nu heter Sync Changes (eller Publish Branch om det är allra första gången). Detta skickar koden vidare till GitHub så att ditt Lovable-projekt automatiskt uppdateras med den nya koden.
Byggloftets tips
- Spara ofta och smått: Det är mycket lättare att backa bandet om du gör en sparning (commit) för varje liten sak du fixar, istället för en jättestor i slutet av dagen. Bygge brukar påminna om att många små steg är säkrare än ett jättekliv.
- Tänk i nutid: Skriv dina meddelanden som instruktioner till koden. Skriv till exempel "Lägg till logotyp" istället for "Nu har jag lagt till loggan". Det blir mycket lättare att läsa din historik i efterhand.
- Skapa en sandlåda: Om du ska göra en stor och osäker ändring, klicka på namnet på din "branch" längst ner till vänster i statusraden (ofta står det main där) och välj Create new branch. Då kan du testa fritt utan att riskera originalet.
Vanliga fel
- Redirection-fel eller att du inte kan skicka upp koden: Detta betyder oftast att Lovable har uppdaterat koden i bakgrunden sedan du sist hämtade den till din dator. Klicka på de tre prickarna (...) längst upp i Source Control-panelen och välj Pull för att hämta hem de senaste ändringarna först.
- "Merge conflict" (Konflikt): Det här händer om samma rad i koden har ändrats på två olika ställen samtidigt. Cursor visar då rader med stora pilar som
<<<<<<<. Öppna filen som bråkar, tryck Ctrl+K (eller Cmd+K på Mac) för att starta AI-sökningen i filen och skriv:Lös git-konflikten och behåll de fungerande delarna från båda ändringarna.
- Inget händer när du klickar Commit: Du har antagligen glömt att förbereda dina filer. Klicka på plus-tecknet (+) bredvid filerna under Changes så att de hamnar under Staged Changes innan du trycker på knappen.
Du är klar när…
Den blå knappen i Cursor ändras från "Sync Changes" till att visa en bock, och du kan se dina senaste kodändringar uppdateras live i ditt Lovable-projekt.
