Condividi tramite

Installare React direttamente in Windows

Questa guida illustra come configurare un ambiente di sviluppo React direttamente in Windows usando gli strumenti front-end Vite .

È consigliabile seguire queste istruzioni se si è nuovi a React o se si sta realizzando un progetto che non richiede un ambiente Linux. Se si prevede di usare gli strumenti Bash in modo esteso o distribuirlo in un server Linux, prendere in considerazione l'installazione di React in WSL .

Per informazioni generali su React e sui diversi scenari, ad esempio app Web, app per dispositivi mobili (React Native) e app desktop native (React Native for Desktop), vedere la panoramica di React.

Prerequisiti

  • Node.js: obbligatorio per eseguire Vite e npm. Installare con nvm-windows per semplificare la gestione delle versioni.

Creare l'app React

  1. Aprire un terminale (prompt dei comandi di Windows o PowerShell).

  2. Creare una nuova cartella del progetto e immetterla:

    mkdir ReactProjects
cd ReactProjects

  3. Creare una nuova app React usando Vite:

    npm create vite@latest my-react-app -- --template react

    Vite configurerà un nuovo progetto React nella cartella my-react-app.

  4. Passare alla nuova cartella dell'app e installare le dipendenze:

    cd my-react-app
npm install

  5. Avviare il server di sviluppo locale:

    npm run dev

    L'app sarà disponibile all'indirizzo http://localhost:5173. Usare CTRL+C per arrestare il server.

  6. Quando si è pronti per la distribuzione, compilare un bundle di produzione:

    npm run build

    L'output viene inserito nella dist cartella . Vedere Distribuzione di un sito statico per le opzioni di hosting.

Nota

Vite è ideale per le app a pagina singola (SPA). Se hai bisogno di eseguire il rendering sul lato server o di un backend per Node.js, prendi in considerazione l'adozione di Next.js. Per la generazione di siti statici, vedere Gatsby.

Risorse aggiuntive

  • Last updated on