Creare un progetto iniziale

• 3 minuti

Si userà un progetto iniziale per poter iniziare a scrivere codice rapidamente. Il progetto iniziale contiene la struttura minima necessaria per iniziare a sviluppare un'applicazione React usando Snowpack:

• Due file
• Due directory vuote

Clonare il repository e installare i pacchetti

1. Aprire un terminale o una finestra di comando ed eseguire i comandi seguenti:

   # Linux or macOS
   git clone https://github.com/MicrosoftDocs/mslearn-react
   cd mslearn-react/code/0-starter
   
   # Windows
   git clone https://github.com/MicrosoftDocs/mslearn-react
   cd mslearn-react/code/0-starter
   

2. Nello stesso terminale o nella stessa finestra di comando installare i pacchetti necessari usando il comando seguente:

   npm install
   

3. Aprire la directory in Visual Studio Code eseguendo il comando seguente:

   code .
   

Esplorare il progetto iniziale

Il progetto iniziale contiene le cartelle e i file seguenti:

• package.json contiene l'elenco di pacchetti e script:
  • Pacchetti:
    • React per React
    • ReactDOM per montare l'applicazione all'interno del browser
  • Script:
    • start per eseguire il server di sviluppo da Snowpack:
      • Compila virtualmente tutti i file JavaScript e HTML.
      • Ospita e riavvia automaticamente il server durante la modifica dei file.
    • build per generare file di produzione per la distribuzione
• snowpack.config.js contiene la configurazione di base per Snowpack.
  • mount crea due directory virtuali per il server Snowpack.
    • public contiene tutti i file statici, ad esempio HTML, CSS e immagini. È ospitato come /.
    • src contiene tutti i file JSX e i file React associati. È ospitato come dist.
• public contiene tutti i file statici.
• src contiene tutti i file React.