Angular项目文件概览

一、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 功能可以帮你保持代码风格的统一