Traccia: • tailwind

Questa è una vecchia versione del documento!

GUIDA COMPLETA: INSTALLAZIONE DI TAILWIND CSS (v4) SU WINDOWS 11

FASE 1: PREPARAZIONE DEL SISTEMA (Solo la prima volta)

  1. Apri il browser e vai sul sito ufficiale di Node.js (nodejs.org).
  2. Scarica la versione “LTS” (consigliata per la stabilità).
  3. Apri il file .msi scaricato e premi sempre “Next” per completare l'installazione.
  4. Riavvia il computer per confermare le modifiche di sistema.

FASE 2: CREAZIONE DEL PROGETTO E CONFIGURAZIONE

Premi il tasto Windows sulla tastiera, digita “Terminale” e premi Invio.

Crea una nuova cartella digitando: 

 <font 10pt/inherit;;inherit;;inherit>mkdir mio-progetto-tailwind</font>

Entra nella cartella appena creata: 

cd mio-progetto-tailwind

Inizializza il gestore dei pacchetti Node: 

npm init
 <font 10pt/inherit;;inherit;;inherit>-y</font>

Installa Tailwind CSS e lo strumento Vite: 

 <font 10pt/inherit;;inherit;;inherit>npm install vite @tailwindcss/vite tailwindcss</font>

FASE 3: CREAZIONE DEI FILE DI PROGETTO

All'interno della cartella “mio-progetto-tailwind”, crea questi tre file fondamentali usando il tuo editor di codice (es. VS Code) o il Blocco Note: