Vad du bygger
En personlig arbetsplan och en tydlig förståelse för när du ska använda Replit eller Cursor. Du lär dig också hur du kombinerar dem genom att skriva din kod lokalt på datorn och sedan publicera den på nätet med ett klick.
Innan du börjar
- Ett konto på Replit.
- Programmet Cursor nedladdat och installerat på din dator.
- En vilja att hitta det smidigaste sättet att bygga utan krångliga installationsguider.
Steg för steg
-
Starta Replit för molnprojekt — Klicka dig in på Replit i din webbläsare och logga in. Här sker allt direkt på nätet, vilket betyder att du slipper installera program och kan dela ditt projekt med en länk direkt.
-
Öppna Cursor på datorn — Dubbelklicka på Cursor-ikonen på din dator för att öppna programmet. Detta verktyg körs lokalt och är mycket kraftfullt eftersom det kan läsa av alla filer du redan har sparade på din egen hårddisk.
-
Välj rätt verktyg för uppgiften — Fundera på vad du vill uppnå för stunden. Vår isbjörn Bygge brukar tipsa om att använda Replit när du snabbt vill visa något för en kompis, och Cursor när du vill sitta djupt fokuserad med dina egna, lokala filer.
-
Skriv din kod i Cursor — Öppna en ny fil i Cursor och använd AI-sidopanelen för att programmera. Du kan skriva helt på vanlig svenska för att få hjälp att sätta ihop din kod.
Skapa en enkel hemsida med en knapp som ändrar bakgrundsfärg när man klickar på den
-
Kopiera koden till molnet — Markera och kopiera den färdiga koden från Cursor när du känner dig nöjd och vill göra den tillgänglig för andra på internet.
-
Starta projektet i Replit — Skapa ett nytt projekt i ditt Replit-fönster, klistra in koden i huvudfilen och klicka på den stora kör-knappen högst upp i mitten av skärmen för att se hemsidan vakna till liv.
Byggloftets tips
- Använd Replit när du sitter på en lånad dator eller en surfplatta. Eftersom verktyget körs helt i webbläsaren kan du koda var som helst utan att behöva installera program.
- Om du kör fast med AI-förslag i Cursor, använd funktionen att bifoga hela din aktuella projektmapp till chatten. Det ger AI-assistenten full koll på sammanhanget i dina filer.
Vanliga fel
- "Koden fungerar i Cursor men inte i Replit": Kontrollera att du har kopierat över alla filer som behövs för projektet, inte bara enstaka rader. Replit behöver ofta en fil som heter index.html för att veta vad som ska visas först.
- "Sidan laddar väldigt långsamt i Replit": Gratisversionen av Replit kan ibland ta en stund på sig att starta igång om projektet har legat vilande en stund. Det är helt normalt och är igång efter några sekunder.
Du är klar när…
Du vet exakt när du ska öppna Replit och när du ska starta Cursor, och förstår hur du enkelt flyttar kod från din egen dator till en levande länk i molnet.
