在上一节中已经新建了一个angular项目,来看一下这个项目里面包含了哪些文件。首先可以看到最外层有三个文件夹,e2e、node_modules、src,我们主要关心的src,所有的源码都是放在这里的,src目录文件如下:
- app 目录里面放的是组件
- assets 目录用来存放项目可能需要的图片等资源文件
- environments 目录主要是环境配置(如生成还是测试环境)
- main.ts 主要的入口文件
- index.html 主要的页面
- style.css 全局样式文件
其他是一些相关配置文件,就不说了。
再来看下app里面的具体文件
每个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)