Steg 3: Opprett prosjektmappen

Nå som vi har alle nødvendige eksterne verktøy, kan vi begynne å opprette prosjektet. Oppgaven er å opprette en ny tom mappe spesielt for prosjektet, hvor ingenting annet skal lagres.

Fremgangsmåte:

1. Velg plassering: Velg et sted på maskinen din hvor du ønsker å opprette prosjektmappen. Det kan være hvor som helst du foretrekker, for eksempel på skrivebordet eller i en bestemt katalog;
2. Opprett ny mappe: Høyreklikk på valgt plassering og velg "Ny mappe" fra hurtigmenyen;
3. Gi mappen et navn: Gi mappen et beskrivende navn. Dette vil fungere som rotmappen for ditt React-prosjekt, så velg et informativt og relevant navn som passer prosjektets formål. For eksempel kan du kalle den movies-app, store-app, posts-app, learning-system-app, osv.

For eksempel, la oss opprette den tomme mappen med navnet movies-app.

Steg 4: Åpne mappen i kodeeditoren din

For å begynne å arbeide med prosjektet må du åpne movies-app-mappen i kodeeditoren din, enten det er Visual Studio Code eller en annen editor du foretrekker.

Følg disse trinnene:

• Start kodeeditoren din. I vårt eksempel bruker vi Visual Studio Code (VS Code);
• Klikk på utforskerikonet øverst til venstre i VS Code-grensesnittet;

• Klikk på "Åpne mappe"-knappen i utforskerpanelet;

• Finn movies-app-mappen på maskinen og velg den. Etter at disse trinnene er fullført, skal du se mappenavnet, movies-app, vist i grensesnittet til kodeeditoren din.

Nå som prosjektmappen din er satt opp og åpnet i kodeeditoren, er du klar til å begynne å bygge React-applikasjonen din!