¿Qué es el formato de archivo ASTRO?
Un archivo .astro es un componente utilizado por Astro, un framework web de código abierto para sitios enfocados en el contenido, como blogs, documentación y páginas de marketing. Fred K. Schott creó Astro en 2021, y alcanzó una versión estable 1.0 en agosto de 2022. El proyecto se mantiene ahora bajo la licencia MIT después de que Cloudflare adquiriera la Astro Technology Company en enero de 2026.
Cada archivo tiene dos partes divididas por una valla de código ---. Por encima de la valla se encuentra el script del componente, o frontmatter, escrito en JavaScript o TypeScript. Se ejecuta en el momento de la construcción para importar otros componentes, obtener datos y declarar variables. Debajo de la valla está la plantilla, un bloque similar a HTML que acepta expresiones {}, marcadores de posición <slot /> y etiquetas <style> y <script> con alcance definido. La sintaxis es un superconjunto de .html y se lee de forma muy parecida a JSX, aunque utiliza atributos estándar en kebab-case.
Astro renderiza los componentes a HTML con antelación y no envía JavaScript al lado del cliente de forma predeterminada. Las piezas interactivas se añaden selectivamente a través de la arquitectura de islas utilizando directivas client:* en los componentes del framework.
Seguridad y protección
RIESGO: LOWAn .astro file is human-readable source text and cannot run on its own by double-clicking. It only executes when compiled by the Astro toolchain during a build. As with any project source, its frontmatter can contain JavaScript, so review files from untrusted repositories before running npm install or a build, since build scripts and dependencies (not the .astro file itself) are the real risk.
Detalles del formato
en pocas palabras- ASTRO-VISION LifeSign / horoscope data - Some astrology software has used .astro for chart or profile data files. Unrelated to the web framework.
- Generic astronomy/astrology data exports - Occasionally seen as an ad hoc extension for star-chart or ephemeris data in niche tools.
Programas que abren archivos ASTRO
Windows4 apps
Sublime Text
Freemium Open the file to read and edit it as text; add an Astro syntax package for highlighting. 
Visual Studio Code + Astro extension
Gratis Install VS Code and the official Astro extension for syntax highlighting, IntelliSense, and formatting of .astro files.
WebStorm
Pago Open the Astro project folder; WebStorm has built-in Astro support for editing and refactoring .astro components.
Astro CLI (Node.js)
Código abierto Run npm run dev or astro build to compile .astro files into HTML and preview the site. 
macOS4 apps
Visual Studio Code + Astro extension
Gratis Install VS Code and the official Astro extension to edit .astro files with full language support.
Zed
Código abierto Open the file in Zed and install the Astro language extension for highlighting and completions.
Astro CLI (Node.js)
Código abierto Use astro dev and astro build in Terminal to run and compile the project. 
Linux3 apps
Visual Studio Code + Astro extension
Gratis Install VS Code (or VSCodium) plus the Astro extension to edit .astro files.
Neovim + astro language server
Código abierto Configure the Astro language server (@astrojs/language-server) with an LSP client for highlighting and diagnostics.
Astro CLI (Node.js)
Código abierto Run npm run dev or npx astro build from the terminal to serve or compile .astro files. Detalles técnicos
especificación profunda| Encoding | UTF-8 plain text |
| Byte order | Not applicable (text) |
| Container | None; single source file |
| Typical size | A few hundred bytes to tens of kilobytes |
| Structure | Two sections separated by a --- code fence: an optional component script (frontmatter) written in JavaScript/TypeScript that runs at build time or on the server, followed by a component template made of HTML-like markup with {} expressions, directives, <slot />, <style> and <script> tags. |
| Integrity | None built in |
| Platforms | Windows, macOS, Linux |
| Notes | Astro components render to HTML ahead of time and ship no client-side JavaScript runtime by default. Interactive framework components can be hydrated selectively using client:* directives (the islands architecture). The Astro compiler parses .astro files and outputs HTML plus any scoped CSS and hydration code. |
| Syntax Basis | Superset of HTML, close to JSX but using standard kebab-case HTML attributes |
| Runtime | Server/build-time rendering; no default client runtime |
| Language Support | JavaScript and TypeScript in the frontmatter, including top-level await |
| Lanzado | 2021 |
| Última versión | Astro 6 (March 2026) |
| Especificación | docs.astro.build |
Conversiones de ASTRO
Preguntas y respuestas de la comunidad
preguntado por usuariosAún no hay preguntas; sea el primero en preguntar sobre los archivos ASTRO.
Preguntas frecuentes
¿Cómo abro un archivo .astro?
¿Puedo ver un archivo .astro en un navegador?
npm run dev o construirlo con astro build, y Astro convierte el componente en HTML que el navegador luego muestra.¿Qué programa crea archivos .astro?
.astro de ejemplo.¿Es un archivo .astro lo mismo que HTML?
¿Por qué mi archivo .astro tiene JavaScript en la parte superior?
---, es el script del componente o frontmatter. Se ejecuta en el momento de la construcción para importar componentes, obtener datos y establecer variables utilizadas en la plantilla de abajo.
