Creación de un proyecto con npm create svelte
Cree la estructura de un nuevo proyecto de SvelteKit con la CLI oficial y elija las opciones adecuadas
Creación de un proyecto con npm create svelte es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Herramienta de creación
La forma oficial de iniciar un proyecto de SvelteKit es mediante el comando npm create svelte@latest. Este genera una aplicación lista para ejecutar.
npm create svelte@latest my-appPreguntas del asistente
Se le solicitará una plantilla (proyecto base o aplicación de demostración), compatibilidad con TypeScript y herramientas (ESLint, Prettier, Playwright y Vitest).
Opciones de plantilla
El proyecto Skeleton proporciona la estructura mínima. La aplicación Demo incluye un pequeño ejemplo del juego Sverdle para estudiarlo.
Opción de TypeScript
Elija «Yes» para TypeScript si desea seguridad de tipos. El asistente configura TS y utiliza lang="ts" en los bloques de script.
Instalar dependencias
Cuando termine el asistente, cambie de directorio e instale los paquetes.
cd my-app
npm installIniciar el servidor de desarrollo
Utilice el script dev para iniciar un servidor con recarga en caliente en http://localhost:5173.
npm run devAbrir en el navegador
Visite la URL que aparece en el terminal. Debería ver una página de bienvenida. Edite src/routes/+page.svelte y observe cómo se actualiza en tiempo real.
Compilación para producción
El script build ejecuta el compilador y produce un directorio de salida listo para servir.
npm run build
npm run previewElegir un gestor de paquetes
Puede utilizar npm, pnpm o yarn. pnpm es popular por su eficiencia en el uso del disco y su resolución estricta.
Configuración del editor
Instale la extensión Svelte for VS Code para obtener resaltado de sintaxis, IntelliSense y diagnósticos en archivos .svelte.
Inicialización opcional de Git
El asistente ofrece inicializar un repositorio de git. Si responde que sí, añadirá un archivo .gitignore adecuado.
Comprobación rápida
¿Qué comando crea un proyecto nuevo de SvelteKit?
Resumen
Ahora puede crear la estructura de un proyecto, elegir TypeScript y las herramientas, instalar dependencias y ejecutar los scripts de desarrollo o compilación.
Preguntas frecuentes
¿La lección «Creación de un proyecto con npm create svelte» es gratis?
Sí — el texto completo de «Creación de un proyecto con npm create svelte» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Creación de un proyecto con npm create svelte»?
Cree la estructura de un nuevo proyecto de SvelteKit con la CLI oficial y elija las opciones adecuadas Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Creación de un proyecto con npm create svelte»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Qué es Svelte y por qué compila
- Creación de un proyecto con npm create svelte
- Estructura del proyecto: src, routes y static
- El servidor de desarrollo y el reemplazo de módulos en caliente