Differenze
Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.
| Entrambe le parti precedenti la revisioneRevisione precedenteProssima revisione | Revisione precedente | ||
| tailwind [2026/07/27 20:57] – [FASE 5: PUBBLICAZIONE DEL SITO WEB SU ALTERVISTA] walter | tailwind [2026/07/27 21:03] (versione attuale) – [FASE 3: CREAZIONE DEI FILE DI PROGETTO] walter | ||
|---|---|---|---|
| Linea 85: | Linea 85: | ||
| </ | </ | ||
| + | |||
| + | |||
| ==== FASE 4: AVVIO DEL SERVER DI SVILUPPO ==== | ==== FASE 4: AVVIO DEL SERVER DI SVILUPPO ==== | ||
| Linea 135: | Linea 137: | ||
| ===== Come usare VS Code fin dall' | ===== Come usare VS Code fin dall' | ||
| - | - 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' | - Scrivi il codice: Crea e modifica i file index.html, style.css e vite.config.js usando l' | ||
| Linea 148: | Linea 150: | ||
| - Clicca su Installa. | - Clicca su Installa. | ||
| - | Cosa fa questa estensione? | + | 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, | ||
| + | |||
| + | Se vuoi aggiungere anche questa comoda scorciatoia alla tua guida in Word, ti preparo l' | ||
| + | |||