一、Angular项目文件结构
二、项目文件介绍
项目文件中主要的文件为 文件夹src，下面分为两部分介绍，根目录中的src文件夹和除了src文件夹以外的文件。
1、src文件夹
| 文件 |
描述 |
| app/app.component.{ts,html,css,spec.ts} |
使用 HTML 模板、CSS 样式和单元测试定义 AppComponent 组件。 它是根组件，随着应用的成长它会成为一棵组件树的根节点。 |
| app/app.module.ts |
定义 AppModule，根模块为 Angular 描述如何组装应用。 目前，它只声明了 AppComponent。 不久，它将声明更多组件。 |
| assets/* |
这个文件夹下你可以放图片等任何东西，在构建应用时，它们全都会拷贝到发布包中。 |
| environments/* |
这个文件夹中包括为各个目标环境准备的文件，它们导出了一些应用中要用到的配置变量。 这些文件会在构建应用时被替换。 |
| browserslist |
一个配置文件，用来在不同的前端工具之间共享目标浏览器。 |
| favicon.ico |
网站书签栏图标，可替换成自己的图标。 |
| index.html |
主页面 |
| karma.conf.js |
给Karma的单元测试配置，当运行 ng test 时会用到它 |
| main.ts |
应用的主要入口点 |
| polyfills.ts |
不同的浏览器对 Web 标准的支持程度也不同， 腻子脚本（polyfill）能把这些不同点进行标准化。 |
| styles.css |
全局样式 |
| test.ts |
单元测试的主入口点 |
| tsconfig.{app|spec}.json |
TypeScript 编译器的配置文件 |
| tslint.json |
额外的 Linting 配置 |
2、src文件夹以外的文件
| 文件 |
描述 |
| e2e/ |
end-to-end 测试 |
| node_modules/ |
存放package.json中列举的所有第三方模块 |
| .editorconfig |
编辑器简单配置文件 |
| .gitignore |
一个 Git 的配置文件，用来确保某些自动生成的文件不会被提交到源码控制系统中 |
| angular.json |
Angular CLI 的配置文件 |
| package.json |
npm配置文件 |
| protractor.conf.js |
给Protractor使用的端到端测试配置文件，当运行 ng e2e 的时候会用到它 |
| README.md |
项目的基础文档，预先写入了 CLI 命令的信息 |
| tsconfig.json |
TypeScript 编译器的配置，你的 IDE 会借助它来给你提供更好的帮助 |
| tslint.json |
给TSLint和Codelyzer用的配置信息，当运行 ng lint 时会用到。 Lint 功能可以帮你保持代码风格的统一 |