Organizzazione della Struttura delle Cartelle del Progetto
Passaggio 3: Creare la cartella del progetto
Ora che abbiamo tutti gli strumenti esterni necessari, possiamo iniziare a creare il progetto. L'obiettivo è creare una nuova cartella vuota specifica per il progetto, dove non verrà archiviato nient'altro.
Passaggi da seguire:
- Scegliere una posizione: Selezionare una posizione sul proprio computer dove si desidera creare la cartella del progetto. Può essere ovunque si preferisca, come il desktop o una directory specifica;
- Creare una nuova cartella: Fare clic con il tasto destro nella posizione scelta e selezionare "Nuova cartella" dal menu contestuale;
- Assegnare un nome alla cartella: Dare alla cartella un nome significativo. Questa sarà la cartella principale del progetto React, quindi scegliere un nome informativo e pertinente allo scopo del progetto. Ad esempio, è possibile chiamarla
movies-app,store-app,posts-app,learning-system-app, ecc.
Ad esempio, creiamo la cartella vuota con il nome movies-app.
Passaggio 4: Aprire la cartella nell'editor di codice
Per iniziare a lavorare sul progetto, è necessario aprire la cartella movies-app nell'editor di codice, che sia Visual Studio Code o un altro editor a scelta.
Seguire questi passaggi:
- Avviare l'editor di codice. Nel nostro esempio, utilizzeremo Visual Studio Code (VS Code);
- Fare clic sull'icona dell'esplora risorse situata nell'angolo in alto a sinistra dell'interfaccia di VS Code;
- Fare clic sul pulsante "Apri cartella" nel pannello dell'esploratore;
- Cercare la cartella
movies-appsul computer e selezionarla. Dopo aver completato questi passaggi, il nome della cartella,movies-app, dovrebbe essere visualizzato nell'interfaccia dell'editor di codice.
Ora che la cartella del progetto è stata configurata e aperta nell'editor di codice, è possibile iniziare a sviluppare l'applicazione React.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
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.17Organizzazione della Struttura delle Cartelle del Progetto
Scorri per mostrare il menu
Passaggio 3: Creare la cartella del progetto
Ora che abbiamo tutti gli strumenti esterni necessari, possiamo iniziare a creare il progetto. L'obiettivo è creare una nuova cartella vuota specifica per il progetto, dove non verrà archiviato nient'altro.
Passaggi da seguire:
- Scegliere una posizione: Selezionare una posizione sul proprio computer dove si desidera creare la cartella del progetto. Può essere ovunque si preferisca, come il desktop o una directory specifica;
- Creare una nuova cartella: Fare clic con il tasto destro nella posizione scelta e selezionare "Nuova cartella" dal menu contestuale;
- Assegnare un nome alla cartella: Dare alla cartella un nome significativo. Questa sarà la cartella principale del progetto React, quindi scegliere un nome informativo e pertinente allo scopo del progetto. Ad esempio, è possibile chiamarla
movies-app,store-app,posts-app,learning-system-app, ecc.
Ad esempio, creiamo la cartella vuota con il nome movies-app.
Passaggio 4: Aprire la cartella nell'editor di codice
Per iniziare a lavorare sul progetto, è necessario aprire la cartella movies-app nell'editor di codice, che sia Visual Studio Code o un altro editor a scelta.
Seguire questi passaggi:
- Avviare l'editor di codice. Nel nostro esempio, utilizzeremo Visual Studio Code (VS Code);
- Fare clic sull'icona dell'esplora risorse situata nell'angolo in alto a sinistra dell'interfaccia di VS Code;
- Fare clic sul pulsante "Apri cartella" nel pannello dell'esploratore;
- Cercare la cartella
movies-appsul computer e selezionarla. Dopo aver completato questi passaggi, il nome della cartella,movies-app, dovrebbe essere visualizzato nell'interfaccia dell'editor di codice.
Ora che la cartella del progetto è stata configurata e aperta nell'editor di codice, è possibile iniziare a sviluppare l'applicazione React.
Grazie per i tuoi commenti!
