🎉 Angular 项目结构详解

Angular 项目通常采用以下标准目录结构:

angular-project/
├── src/                <!-- 源代码目录 -->
│   ├── app/            <!-- 核心应用代码 -->
│   │   ├── components/ <!-- 公共组件 -->
│   │   ├── services/    <!-- 业务逻辑服务 -->
│   │   ├── models/      <!-- 数据模型 -->
│   │   ├── routes/      <!-- 路由配置 -->
│   │   └── main.ts      <!-- 应用入口文件 -->
├── assets/             <!-- 静态资源 -->
├── environments/       <!-- 环境配置 -->
├── angular.json         <!-- 项目配置文件 -->
└── package.json         <!-- 依赖管理 -->

📌 重点模块说明:

  1. app.module.ts - 入口模块,需用 📌 标记
  2. component 目录 - 存放可复用组件,建议使用 📁 Emoji
  3. services 目录 - 业务逻辑封装,使用 🧠 Emoji

🔗 想了解更多?可访问 angular/quick_start 学习快速入门

angular_structure