Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Organisering av Prosjektmappe-Strukturen | Strukturering av Reelle React-prosjekter
React Mastery

bookOrganisering av Prosjektmappe-Strukturen

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!

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain what the next step is after opening the project folder?

What should I do if I want to use a different code editor?

Can you give tips on naming my project folder?

Awesome!

Completion rate improved to 2.17

bookOrganisering av Prosjektmappe-Strukturen

Sveip for å vise menyen

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!

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 3
some-alt