Qu'est-ce que le format de fichier ASTRO ?
Un fichier .astro est un composant utilisé par Astro, un framework web open-source pour les sites axés sur le contenu tels que les blogs, la documentation et les pages marketing. Fred K. Schott a créé Astro en 2021, et il a atteint une version 1.0 stable en août 2022. Le projet est désormais maintenu sous licence MIT après l'acquisition de l'Astro Technology Company par Cloudflare en janvier 2026.
Chaque fichier comporte deux parties séparées par une clôture de code ---. Au-dessus de la clôture se trouve le script du composant, ou « frontmatter », écrit en JavaScript ou TypeScript. Il s'exécute au moment de la construction pour importer d'autres composants, récupérer des données et déclarer des variables. Sous la clôture se trouve le modèle, un bloc de type HTML qui accepte les expressions {}, les emplacements <slot /> et les balises <style> et <script> à portée limitée. La syntaxe est un surensemble de .html et se lit de manière très similaire au JSX, bien qu'elle utilise des attributs standard en « kebab-case ».
Astro génère les composants en HTML à l'avance et n'envoie aucun JavaScript côté client par défaut. Les éléments interactifs sont ajoutés de manière sélective via l'architecture en îles en utilisant des directives client:* sur les composants du framework.
Sécurité et sûreté
RISQUE : 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.
Détails du format
en bref- 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.
Programmes qui ouvrent les fichiers 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
Gratuit Install VS Code and the official Astro extension for syntax highlighting, IntelliSense, and formatting of .astro files.
WebStorm
Payant Open the Astro project folder; WebStorm has built-in Astro support for editing and refactoring .astro components.
Astro CLI (Node.js)
Open-source Run npm run dev or astro build to compile .astro files into HTML and preview the site. 
macOS4 apps
Visual Studio Code + Astro extension
Gratuit Install VS Code and the official Astro extension to edit .astro files with full language support.
Zed
Open-source Open the file in Zed and install the Astro language extension for highlighting and completions.
Astro CLI (Node.js)
Open-source Use astro dev and astro build in Terminal to run and compile the project. 
Linux3 apps
Visual Studio Code + Astro extension
Gratuit Install VS Code (or VSCodium) plus the Astro extension to edit .astro files.
Neovim + astro language server
Open-source Configure the Astro language server (@astrojs/language-server) with an LSP client for highlighting and diagnostics.
Astro CLI (Node.js)
Open-source Run npm run dev or npx astro build from the terminal to serve or compile .astro files. Détails techniques
spécifications approfondies| 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 |
| Publié | 2021 |
| Dernière version | Astro 6 (March 2026) |
| Spécification | docs.astro.build |
Conversions ASTRO
Q&R de la communauté
posées par les utilisateursPas encore de questions - soyez le premier à poser une question sur les fichiers ASTRO.
Foire aux questions
Comment ouvrir un fichier .astro ?
Puis-je visualiser un fichier .astro dans un navigateur ?
npm run dev ou vous le construisez avec astro build, et Astro transforme le composant en HTML que le navigateur affiche ensuite.Quel programme crée des fichiers .astro ?
.astro.Un fichier .astro est-il identique à du HTML ?
Pourquoi mon fichier .astro contient-il du JavaScript en haut ?
---, est le script du composant ou frontmatter. Elle s'exécute au moment de la construction pour importer des composants, récupérer des données et définir des variables utilisées dans le modèle ci-dessous.
