e2e : 端对端的自动化测试目录，可以模拟黑河测试人员在浏览器上的测试过程, 拥有自己的tsconfig.json配置
node_modules : 第三方依赖包目录, package.json中列举的所有第三方模块都放在其中
src : 项目源代码目录
.angular-cli.json ： Angular命令行工具配置文件，可以设置一系列默认值，还可以配置项目编译时要包含的那些文件
.gittgnore : git忽略配置文件, 用来确保某些自动生成的文件不会被提交到源码控制系统中
karma.conf.js : karma单元测试配置文件, 运行ng test时会用到它
package.json : 项目描述文件，可列出该应用使用的依赖包, 还可以添加自自定义脚本
protractor.conf.js : 端到端自动化测试配置文件, 运行ng e2e的时候会用到它
REAADME.md : 项目说明文档
tsconfig.json : TypeScript编译器配置文件, 用来指定ts编译时的策略
tslint.json : tslint配置文件，用于定义ts代码统一规范, 提升编码质量, 保持风格统一
app : 包含应用的组件和模块，我们要写的代码都在这个目录
assets : 资源目录，存放图片等静态资源，构建应用时会拷贝到发布包中
environment : Angular多环境开发配置，让我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码
favicon.ico : 网站标题栏图标
index.html：应用启动页面，构建应用时CLI会自动把所有js和css文件添加进去, 基本不用做任何处理
main.ts：应用入口，Angular通过此文件启动应用
polyfills.ts：导入一些库使Angular兼容不同的浏览器, 通常使用core-js和zone.js就够了
styles.css：全局样式文件, 影响整个应用的样式集中存放在这里, 大多数情况下会在组件中使用局部样式，以利于维护
test.ts: 单元测试的主要入口点, 它有一些你不熟悉的自定义配置，不过我们不需要编辑这里的任何东西。
tsconfig.app.json：为Angular应用准备的ts编译配置文件, 添加第三方依赖的时候会修改这个文件
tsconfig.spec.json：为单元测试准备的ts编译配置文件
typings.d.ts : ts声明文件
[JavaScript] 纯文本查看 复制代码
// BrowserModule, 浏览器环境中必须引入的解析模块
import { BrowserModule } from '@angular/platform-browser';
// NgModule, 模块装饰器, 用来定义模块, 使用时需要传递一个元数据对象, 用来定义模块组成
import { NgModule } from '@angular/core';
// AppComponent, 根组件, 页面会从根组件进行渲染
import { AppComponent } from './app.component';
@NgModule({
// 这个属性用来声明本模块的`组件 指令 管道`, 他们三者都与视图有关系, 声明后才可以使用
declarations: [ AppComponent ],
// 在这里指定依赖的Angular模块, 指定后才可以使用这些模块的功能, Angular模块是用来增强应用的
imports: [ BrowserModule ],
// 在这里指定依赖的服务, 服务是用来封装公共业务逻辑或数据处理逻辑的
providers: [],
// 指定根组件, 视图会从根组件进行渲染, 只有根模块才能设置该属性
bootstrap: [AppComponent]
})
export class AppModule { }
