Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Organisering af Projektmappe-Strukturen | Strukturering af Virkelige React-Projekter
React Mastery

bookOrganisering af Projektmappe-Strukturen

Trin 3: Opret projektmappen

Nu hvor vi har alle de nødvendige eksterne værktøjer, kan vi begynde at oprette projektet. Opgaven er at oprette en ny tom mappe specifikt til projektet, hvor intet andet vil blive gemt.

Følgende trin:

  1. Vælg en placering: Vælg en placering på din maskine, hvor du vil oprette projektmappen. Det kan være hvor som helst, du foretrækker, f.eks. på dit skrivebord eller i en bestemt mappe;
  2. Opret en ny mappe: Højreklik på den valgte placering og vælg "Ny mappe" i kontekstmenuen;
  3. Navngiv mappen: Giv mappen et sigende navn. Dette vil fungere som rodmappen for dit React-projekt, så vælg et informativt og relevant navn, der passer til projektets formål. For eksempel kan du navngive den movies-app, store-app, posts-app, learning-system-app osv.

For eksempel, lad os oprette den tomme mappe med navnet movies-app.

Trin 4: Åbn mappen i din kodeeditor

For at begynde at arbejde på projektet skal du åbne movies-app-mappen i din kodeeditor, uanset om det er Visual Studio Code eller en anden editor efter eget valg.

Følg disse trin:

  • Start din kodeeditor. I vores eksempel bruger vi Visual Studio Code (VS Code);
  • Klik på explorer-ikonet placeret i øverste venstre hjørne af VS Code-grænsefladen;
  • Klik på "Åbn mappe"-knappen i explorer-panelet;
  • Find mappen movies-app på maskinen og vælg den. Når disse trin er fuldført, bør mappenavnet, movies-app, vises i din kodeeditors grænseflade.

Nu hvor din projektmappe er oprettet og åbnet i din kodeeditor, er du klar til at begynde at bygge din React-applikation!

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 3

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

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

What should I do if I can't find the folder in my code editor?

Can you give tips on naming the project folder?

Awesome!

Completion rate improved to 2.17

bookOrganisering af Projektmappe-Strukturen

Stryg for at vise menuen

Trin 3: Opret projektmappen

Nu hvor vi har alle de nødvendige eksterne værktøjer, kan vi begynde at oprette projektet. Opgaven er at oprette en ny tom mappe specifikt til projektet, hvor intet andet vil blive gemt.

Følgende trin:

  1. Vælg en placering: Vælg en placering på din maskine, hvor du vil oprette projektmappen. Det kan være hvor som helst, du foretrækker, f.eks. på dit skrivebord eller i en bestemt mappe;
  2. Opret en ny mappe: Højreklik på den valgte placering og vælg "Ny mappe" i kontekstmenuen;
  3. Navngiv mappen: Giv mappen et sigende navn. Dette vil fungere som rodmappen for dit React-projekt, så vælg et informativt og relevant navn, der passer til projektets formål. For eksempel kan du navngive den movies-app, store-app, posts-app, learning-system-app osv.

For eksempel, lad os oprette den tomme mappe med navnet movies-app.

Trin 4: Åbn mappen i din kodeeditor

For at begynde at arbejde på projektet skal du åbne movies-app-mappen i din kodeeditor, uanset om det er Visual Studio Code eller en anden editor efter eget valg.

Følg disse trin:

  • Start din kodeeditor. I vores eksempel bruger vi Visual Studio Code (VS Code);
  • Klik på explorer-ikonet placeret i øverste venstre hjørne af VS Code-grænsefladen;
  • Klik på "Åbn mappe"-knappen i explorer-panelet;
  • Find mappen movies-app på maskinen og vælg den. Når disse trin er fuldført, bør mappenavnet, movies-app, vises i din kodeeditors grænseflade.

Nu hvor din projektmappe er oprettet og åbnet i din kodeeditor, er du klar til at begynde at bygge din React-applikation!

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 3
some-alt