Analog 本地开发指南
使用 Analog 构建 Angular 全栈应用,基于 Vite 与 Nitro,本地默认 localhost:5173 热更新开发。
Analog 是基于 Angular 的全栈元框架,采用 Vite 构建与文件路由,支持 SSR、SSG 与 API 路由,可视为 Angular 生态中的「类 Next.js」方案。
快速开始
npm create analog@latest my-analog-app
cd my-analog-app
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:5173 |
| 预览生产构建 | http://localhost:4173(npm run preview) |
可在 vite.config.ts 中修改 server.port。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 启动 Vite 开发服务器 |
npm run build | 生产构建 |
npm run preview | 本地预览构建结果 |
适用场景
- 已有 Angular 技能栈,需要 SSR / 文件路由
- 希望用 Vite 替代传统 Angular CLI 构建以获得更快 HMR
- 全栈 Angular 应用(服务端 API + 前端同仓库)
小结
Analog 让 Angular 项目也能享受 Vite 开发体验,本地默认 **http://localhost:5173**,适合 Angular 团队向现代全栈架构迁移。