Skip to main content

Empezar

Introducción

Edit this page on GitHub

¡Bienvenido a la documentación de referencia de Svelte! Esto está pensado como un recurso para personas que ya tienen cierta familiaridad con Svelte y desean aprender más sobre cómo utilizarlo.

Si aún no eres una de esas personas, es posible que prefieras visitar el tutorial interactivo o los ejemplos antes de consultar esta referencia. Puedes probar Svelte en línea utilizando el REPL. Alternativamente, si deseas un entorno más completo, puedes probar Svelte en StackBlitz.

Comenzar un nuevo proyecto

Recomendamos utilizar SvelteKit, el marco de aplicación oficial del equipo de Svelte:

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

SvelteKit se encargará de llamar al compilador de Svelte para convertir sus archivos .svelte a archivos .js que crean el DOM y los archivos .css para dar estilos. También proporciona todas las demás herramientas que necesita para crear una aplicación web, como un servidor de desarrollo, enrutamiento, despliegue y soporte SSR. SvelteKit usa Vite para construir su código.

Alternativas a SvelteKit

Si por alguna razón no desea utilizar SvelteKit, también puede utilizar Svelte con Vite (pero sin SvelteKit) ejecutando npm create vite@latest y seleccionando la opción svelte. Con npm run build generará archivos HTML, JS y CSS dentro de la carpeta dist. En algunos casos, probablemente necesitará elegir una librería de enrutamiento también.

Alternativamente, existen plugins para los principales compiladores web para manejar la compilación de Svelte — que dará salida a los archivos .js y .css que puede insertar en su HTML — pero la mayoría no puede manejar SSR.

Herramientas de edición

El equipo de Svelte mantiene una extensión de VS Code también hay integraciones con otros editores y herramientas.

Obtener ayuda

¡No sea tímido a la hora de pedir ayuda en el servidor de Discord! También puede encontrar respuestas en Stack Overflow.

previous