Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Entrambe le parti precedenti la revisioneRevisione precedente
Prossima revisione
Revisione precedente
tailwind [2026/07/27 20:57] – [FASE 5: PUBBLICAZIONE DEL SITO WEB SU ALTERVISTA] waltertailwind [2026/07/27 21:03] (versione attuale) – [FASE 3: CREAZIONE DEI FILE DI PROGETTO] walter
Linea 85: Linea 85:
  
 </code> </code>
 +
 +
 ==== FASE 4: AVVIO DEL SERVER DI SVILUPPO ==== ==== FASE 4: AVVIO DEL SERVER DI SVILUPPO ====
  
Linea 135: Linea 137:
 ===== Come usare VS Code fin dall'inizio ===== ===== Come usare VS Code fin dall'inizio =====
  
-  - Apri la cartella: Avvia VS Code, clicca su File > Apri cartella... e seleziona la cartella del tuo progetto (mio-progetto-tailwind).+  - Apri la cartella: Avvia VS Code, clicca su File > Apri cartella… e seleziona la cartella del tuo progetto (mio-progetto-tailwind).
   - Usa il Terminale Integrato: Invece di usare il prompt dei comandi di Windows, premi la combinazione di tasti CTRL + ò (oppure vai in alto su Terminale > Nuovo Terminale). Si aprirà un terminale integrato in basso, già posizionato nella cartella corretta.   - Usa il Terminale Integrato: Invece di usare il prompt dei comandi di Windows, premi la combinazione di tasti CTRL + ò (oppure vai in alto su Terminale > Nuovo Terminale). Si aprirà un terminale integrato in basso, già posizionato nella cartella corretta.
-  - Lancia i comandi da lì: Digita npm install... o npx vite direttamente nel terminale di VS Code.+  - Lancia i comandi da lì: Digita npm install… o npx vite direttamente nel terminale di VS Code.
   - Scrivi il codice: Crea e modifica i file index.html, style.css e vite.config.js usando l'editor di testo di VS Code.   - Scrivi il codice: Crea e modifica i file index.html, style.css e vite.config.js usando l'editor di testo di VS Code.
  
Linea 148: Linea 150:
   - Clicca su Installa.   - Clicca su Installa.
  
-Cosa fa questa estensione? \\ Mentre scrivi il codice HTML e digiti una classe (ad esempio bg-), ti mostrerà un menu a tendina con i suggerimenti automatici di tutti i colori e le opzioni disponibili, mostrandoti persino un quadratino con l'anteprima del colore. Questo ti eviterà di dover ricordare a memoria tutti i nomi delle classi. \\ Se vuoi aggiungere anche questa comoda scorciatoia alla tua guida in Word, ti preparo l'impaginazione al volo. Altrimenti, dimmi pure se hai già installato VS Code sul tuo computer! +Cosa fa questa estensione? 
 + 
 +Mentre scrivi il codice HTML e digiti una classe (ad esempio bg-), ti mostrerà un menu a tendina con i suggerimenti automatici di tutti i colori e le opzioni disponibili, mostrandoti persino un quadratino con l'anteprima del colore. Questo ti eviterà di dover ricordare a memoria tutti i nomi delle classi. 
 + 
 +Se vuoi aggiungere anche questa comoda scorciatoia alla tua guida in Word, ti preparo l'impaginazione al volo. Altrimenti, dimmi pure se hai già installato VS Code sul tuo computer! 
 +