Astro 本地开发指南
使用 Astro 构建内容站点与混合框架页面，默认 localhost:4321 开发，支持 React/Vue/Svelte 岛屿组件。
Astro 是面向内容网站的 Web 框架，默认输出静态 HTML，可按需加载 React、Vue、Svelte 等「岛屿」交互组件。LocalHost Run 主站即基于 Astro 构建。
快速开始
npm create astro@latest my-site
cd my-site
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:4321 |
| 预览生产构建 | http://localhost:4321（npm run preview） |
端口可在 astro.config 的 server.port 中修改。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 开发模式，支持热更新 |
npm run build | 生成 dist/ 静态站点 |
npm run preview | 本地预览构建结果 |
适用场景
- 文档站、博客、营销页（默认零 JS 或极少 JS）
- 与 React 组件混用（如工具页外挂 SPA）
- 部署到 Cloudflare Pages、Netlify 等静态托管
小结
Astro 适合以内容为主、性能优先的站点。本地开发访问 **http://localhost:4321**，构建产物可直接上传 CDN 或 Pages。