Creazione di un progetto con npm create svelte
Configuri lo scheletro di un nuovo progetto SvelteKit utilizzando la CLI ufficiale e scelga le opzioni corrette.
Creazione di un progetto con npm create svelte è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Strumento di scaffolding
Il modo ufficiale per avviare un progetto SvelteKit consiste nell'usare il comando npm create svelte@latest. Il comando genera un'app pronta per essere eseguita.
npm create svelte@latest my-appDomande della procedura guidata
La procedura guidata chiede di scegliere un template (skeleton o demo app), il supporto a TypeScript e gli strumenti (ESLint, Prettier, Playwright, Vitest).
Scelta del template
Il progetto Skeleton fornisce la struttura minima. La Demo app include un piccolo esempio del gioco Sverdle da studiare.
Opzione TypeScript
Scelga Yes per TypeScript se desidera la sicurezza dei tipi. La procedura guidata configura TS e usa lang="ts" nei blocchi script.
Installazione delle dipendenze
Al termine della procedura guidata, cambi directory e installi i pacchetti.
cd my-app
npm installAvvio del server di sviluppo
Usi lo script dev per avviare un server con ricaricamento automatico all'indirizzo http://localhost:5173.
npm run devApertura nel browser
Visiti l'URL stampato nel terminale. Dovrebbe visualizzare una pagina di benvenuto. Modifichi src/routes/+page.svelte e osservi l'aggiornamento in tempo reale.
Build di produzione
Lo script build esegue il compilatore e produce una directory di output pronta per essere distribuita.
npm run build
npm run previewScelta del gestore di pacchetti
Può usare npm, pnpm o yarn. pnpm è apprezzato per l'efficienza nell'uso del disco e per la risoluzione rigorosa delle dipendenze.
Configurazione dell'editor
Installi l'estensione Svelte for VS Code per ottenere evidenziazione della sintassi, IntelliSense e diagnostica nei file .svelte.
Inizializzazione Git opzionale
La procedura guidata offre la possibilità di inizializzare un repository git. Rispondendo sì, aggiunge un file .gitignore appropriato.
Verifica rapida
Quale comando crea un nuovo progetto SvelteKit?
Riepilogo
Ora sa creare lo scheletro di un progetto, scegliere TypeScript e gli strumenti, installare le dipendenze ed eseguire gli script dev o build.
Domande Frequenti
La lezione «Creazione di un progetto con npm create svelte» è gratuita?
Sì — il testo completo di «Creazione di un progetto con npm create svelte» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Creazione di un progetto con npm create svelte»?
Configuri lo scheletro di un nuovo progetto SvelteKit utilizzando la CLI ufficiale e scelga le opzioni corrette. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Creazione di un progetto con npm create svelte»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Che cos'è Svelte e perché compila
- Creazione di un progetto con npm create svelte
- Struttura del progetto: src routes static
- Il server di sviluppo e la sostituzione a caldo dei moduli