Vaihe 3: Luo projektikansio

Nyt kun kaikki tarvittavat ulkoiset työkalut ovat käytettävissä, voidaan aloittaa projektin luominen. Tehtävänä on luoda uusi tyhjä kansio erityisesti projektia varten, johon ei tallenneta mitään muuta.

Noudatettavat vaiheet:

1. Valitse sijainti: Valitse tietokoneeltasi sijainti, johon haluat luoda projektikansion. Se voi olla missä tahansa haluamassasi paikassa, kuten työpöydällä tai tietyssä hakemistossa;
2. Luo uusi kansio: Napsauta hiiren oikealla valitussa sijainnissa ja valitse "Uusi kansio" kontekstivalikosta;
3. Nimeä kansio: Anna kansiolle kuvaava nimi. Tämä toimii React-projektisi juurikansiona, joten valitse informatiivinen ja tarkoitukseen sopiva nimi. Esimerkiksi voit nimetä sen movies-app, store-app, posts-app, learning-system-app jne.

Esimerkiksi luodaan tyhjä kansio nimellä movies-app.

Vaihe 4: Avaa kansio koodieditorissa

Aloittaaksesi projektin työstämisen, sinun tulee avata movies-app-kansio koodieditorissasi, oli se sitten Visual Studio Code tai jokin muu valitsemasi editori.

Noudata näitä vaiheita:

• Käynnistä koodieditori. Tässä esimerkissä käytämme Visual Studio Codea (VS Code);
• Napsauta VS Code -käyttöliittymän vasemmassa yläkulmassa olevaa resurssienhallinnan kuvaketta;

• Napsauta "Open Folder" -painiketta resurssienhallintapaneelissa;

• Etsi movies-app-kansio koneeltasi ja valitse se. Kun nämä vaiheet on suoritettu, kansio movies-app näkyy koodieditorisi käyttöliittymässä.

Nyt kun projektikansiosi on luotu ja avattu koodieditorissa, voit aloittaa React-sovelluksen rakentamisen.