O que é o formato de ficheiro ASTRO?
Um arquivo .astro é um componente usado pelo Astro, um framework web de código aberto para sites focados em conteúdo, como blogs, documentação e páginas de marketing. Fred K. Schott criou o Astro em 2021, e ele atingiu a versão estável 1.0 em agosto de 2022. O projeto agora é mantido sob a licença MIT após a Cloudflare adquirir a Astro Technology Company em janeiro de 2026.
Cada arquivo possui duas partes divididas por uma cerca de código ---. Acima da cerca fica o script do componente, ou frontmatter, escrito em JavaScript ou TypeScript. Ele é executado no momento da construção para importar outros componentes, buscar dados e declarar variáveis. Abaixo da cerca está o modelo (template), um bloco semelhante ao HTML que aceita expressões {}, espaços reservados <slot /> e tags <style> e <script> com escopo definido. A sintaxe é um superconjunto do .html e se assemelha muito ao JSX, embora utilize atributos padrão em kebab-case.
O Astro renderiza componentes para HTML antecipadamente e não envia JavaScript do lado do cliente por padrão. Elementos interativos são adicionados seletivamente por meio da arquitetura de ilhas (islands architecture) usando diretivas client:* em componentes de framework.
Segurança e proteção
RISCO: 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.
Detalhes do formato
em resumo- 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 abrem arquivos 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
Gratuito 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 aberto Run npm run dev or astro build to compile .astro files into HTML and preview the site. 
macOS4 apps
Visual Studio Code + Astro extension
Gratuito Install VS Code and the official Astro extension to edit .astro files with full language support.
Zed
Código aberto Open the file in Zed and install the Astro language extension for highlighting and completions.
Astro CLI (Node.js)
Código aberto Use astro dev and astro build in Terminal to run and compile the project. 
Linux3 apps
Visual Studio Code + Astro extension
Gratuito Install VS Code (or VSCodium) plus the Astro extension to edit .astro files.
Neovim + astro language server
Código aberto Configure the Astro language server (@astrojs/language-server) with an LSP client for highlighting and diagnostics.
Astro CLI (Node.js)
Código aberto Run npm run dev or npx astro build from the terminal to serve or compile .astro files. Detalhes técnicos
especificação 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 |
| Lançado | 2021 |
| Versão mais recente | Astro 6 (March 2026) |
| Especificação | docs.astro.build |
Conversões de ASTRO
Perguntas e Respostas da Comunidade
perguntado por usuáriosAinda não há perguntas - seja o primeiro a perguntar sobre arquivos ASTRO.
Perguntas frequentes
Como faço para abrir um arquivo .astro?
Posso visualizar um arquivo .astro em um navegador?
npm run dev ou o constrói com astro build, e o Astro transforma o componente em HTML que o navegador então exibe.Qual programa cria arquivos .astro?
.astro de exemplo.Um arquivo .astro é o mesmo que HTML?
Por que meu arquivo .astro tem JavaScript no topo?
---, é o script do componente ou frontmatter. Ele é executado no momento da construção para importar componentes, buscar dados e definir variáveis usadas no modelo abaixo.
