Angular学习（二）：项目结构

在上一节中已经新建了一个angular项目，来看一下这个项目里面包含了哪些文件。首先可以看到最外层有三个文件夹，e2e、node_modules、src，我们主要关心的src，所有的源码都是放在这里的，src目录文件如下：

图1

• app 目录里面放的是组件
• assets 目录用来存放项目可能需要的图片等资源文件
• environments 目录主要是环境配置(如生成还是测试环境)
• main.ts 主要的入口文件
• index.html 主要的页面
• style.css 全局样式文件

其他是一些相关配置文件，就不说了。

再来看下app里面的具体文件

图2

每个angular项目都是由很多组件形成组件树最终组成我们整个应用，至少需要一个模块。图中显示的是自动创建的根组件

• app.component.css 组件样式
• app.component.html 组件模板
• app.component.ts 组件TypeScript文件
• app.component.spec.ts 与测试相关
• app.module.ts 核心模块

每个angular应用会有一个根模块（app.module.ts），应用启动时，就会加载这个模块。每个根模块都会有一个根组件（app.component.ts）