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:
mkdir mio-progetto-tailwind
  • Entra nella cartella appena creata:
cd mio-progetto-tailwind
  • Inizializza il gestore dei pacchetti Node:
npm init -y
  • Installa Tailwind CSS e lo strumento Vite:
npm install vite @tailwindcss/vite tailwindcss

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: