* add code component * Update packages/astro/components/Debug.astro Co-authored-by: Caleb Jasik <calebjasik@jasik.xyz> * Update packages/astro/components/Debug.astro Co-authored-by: Caleb Jasik <calebjasik@jasik.xyz> * fix format in debug component * remove Debug changes * add wrap support * add props docs * update default theme Co-authored-by: Peter Singh <drgaud@hotmail.com> Co-authored-by: Caleb Jasik <calebjasik@jasik.xyz>
4.2 KiB
layout | title | lang |
---|---|---|
~/layouts/MainLayout.astro | Empezando | es |
Astro es un creador de sitios estáticos moderno. Aprende de qué trata Astro en nuestra página principal o nuestra publicación de lanzamiento. Esta página es una descripción general de la documentación de Astro y todos los recursos relacionados.
¿Buscas una descripción general rápida de lo que es Astro? Visita nuestra página principal.
Prueba Astro
La forma más fácil de probar Astro es ejecutando npm init astro
en un nuevo directorio en tu máquina. Nuestro asistente CLI te ayudará a comenzar un nuevo proyecto Astro.
Para comenzar con Astro en 5 sencillos y rápidos pasos, visita nuestra guía de inicio rápido.
Alternativamente, lee nuestra guía de instalación para un recorrido completo de cómo configurar Astro.
Playground en línea
Si estás interesado en jugar con Astro en el navegador, puedes usar un playground de código en línea. Prueba nuestro template "Hola Mundo!" en CodeSandbox.
Nota: Algunas caracteristicas (ex: Fast Refresh) actualmente están limitadas en CodeSandbox.
Aprende Astro
Todo tipo de personas vienen a Astro de diferentes orígenes trayendo consigo diferentes estilos de aprendizaje. Ya sea que prefieras un enfoque más teórico o práctico, esperamos que esta sección te resulte útil.
- Si prefieres aprender haciendo, comienza con nuestra biblioteca de ejemplos.
- Si prefieres aprender conceptos paso a paso, comienza con nuestros conceptos básicos y guías.
Como cualquier tecnología desconocida, Astro viene con una ligera curva de aprendizaje. Sin embargo, con práctica y algo de paciencia, sabemos que lo dominarás en poco tiempo.
Aprende la sintaxis de .astro
Cuando comienzes a aprender Astro, verás muchos archivos con la extensión .astro
. Esta es la sintaxis de componentes de Astro: un formato de archivo especial similar a HTML que Astro usa para crear templates. Fue diseñado para que resulte familiar a cualquiera que tenga experiencia con HTML o JSX.
Nuestra guía sobre componentes Astro presenta la sintaxis de Astro y es la mejor manera de aprender.
Referencia de la API
Esta sección de documentación es útil cuando deseas obtener más detalles sobre una API de Astro en particular. Por ejemplo, la referencia de configuración enumera todas las opciones de configuración disponibles. La referencia de componentes incluidos enumera todos los componentes básicos disponibles, como <Markdown />
y <Code />
.
Documentación versionada
Esta documentación siempre refleja la última versión estable de Astro. Una vez que alcancemos la version v1.0, agregaremos la capacidad de ver documentación versionada.
Mantenerse informado
La cuenta de Twitter @astrodotbuild es la fuente oficial de las actualizaciones del equipo de Astro.
También publicamos anuncios de lanzamiento en nuestra comunidad de Discord en el canal de #announcements.
No todos los lanzamientos de Astro merecen su propia publicación en el blog, pero puedes encontrar un registro de cambios detallado para cada versión en el archivo CHANGELOG.md en el repositorio de Astro.
¿Falta algo?
Si falta algo en la documentación o si alguna parte te resulta confusa, por favor abre una issue para la documentación con tus sugerencias de mejora o menciona a la cuenta de Twitter @astrodotbuild. ¡Nos encanta saber de ti!
Créditos
Esta guía de Empezando se basó originalmente en la guía de Empezando de React.