项目结构

使用ng new了一个项目后我们得到了如下的项目

其中记住两个我们目前需要的就可以了

一个是src目录:这个是应用源代码的目录

一个是angular.json:这个是angular命令行工具的配置文件,引一些第三方的包(jQuery等)

src目录下

依然是记住几个目前需要的就可以了

1. app目录 : 包含应用的组件和模块,也是我们主要写代码的地方
2. assets目录 : 资源目录,存放图片之类的资源目录
3. environments目录 : 环境配置
4. index.html : 整个应用的根html,程序启动就是访问这个页面
5. main.ts : 整个项目的入口点,angular通过这个文件来启动项目
6. styles.css : 全局样式

app目录下

1. app.component.css : 组件的样式
2. app.component.html : 组件的html
3. app.component.ts : 组件
4. app.module.ts : 模块配置文件

一个angular程序至少需要一个模块和一个组件,在新建项目的时候命令行就默认生成出来了

组件是angular应用的基本构建模块,可以理解为一段带有业务逻辑和数据的html

Angular程序运行的流程