🎉 Angular 项目结构详解
Angular 项目通常采用以下标准目录结构:
angular-project/
├── src/ <!-- 源代码目录 -->
│ ├── app/ <!-- 核心应用代码 -->
│ │ ├── components/ <!-- 公共组件 -->
│ │ ├── services/ <!-- 业务逻辑服务 -->
│ │ ├── models/ <!-- 数据模型 -->
│ │ ├── routes/ <!-- 路由配置 -->
│ │ └── main.ts <!-- 应用入口文件 -->
├── assets/ <!-- 静态资源 -->
├── environments/ <!-- 环境配置 -->
├── angular.json <!-- 项目配置文件 -->
└── package.json <!-- 依赖管理 -->
📌 重点模块说明:
app.module.ts
- 入口模块,需用 📌 标记component
目录 - 存放可复用组件,建议使用 📁 Emojiservices
目录 - 业务逻辑封装,使用 🧠 Emoji
🔗 想了解更多?可访问 angular/quick_start 学习快速入门