文件 |
用途 |
app/app.component.{ts,html,css,spec.ts} |
使用 HTML 模板、CSS 样式和单元测试定义?AppComponent ?组件。 它是根组件,随着应用的成长它会成为一棵组件树的根节点。 |
app/app.module.ts |
定义?AppModule ,根模块为 Angular 描述如何组装应用。 目前,它只声明了?AppComponent 。 不久,它将声明更多组件。 |
assets/* |
这个文件夹下你可以放图片等任何东西,在构建应用时,它们全都会拷贝到发布包中。 |
environments/* |
这个文件夹中包括为各个目标环境准备的文件,它们导出了一些应用中要用到的配置变量。 这些文件会在构建应用时被替换。 比如你可能在生产环境中使用不同的 API 端点地址,或使用不同的统计 Token 参数。 甚至使用一些模拟服务。 所有这些,CLI 都替你考虑到了。 |
browserslist |
一个配置文件,用来在不同的前端工具之间共享目标浏览器。 |
favicon.ico |
每个网站都希望自己在书签栏中能好看一点。 请把它换成你自己的图标。 |
index.html |
这是别人访问你的网站是看到的主页面的 HTML 文件。 大多数情况下你都不用编辑它。 在构建应用时,CLI 会自动把所有?js ?和?css ?文件添加进去,所以你不必在这里手动添加任何?<script> 或?<link> ?标签。 |
karma.conf.js |
给Karma的单元测试配置,当运行?ng test ?时会用到它。 |
main.ts |
这是应用的主要入口点。 使用JIT 编译器编译本应用,并启动应用的根模块?AppModule ,使其运行在浏览器中。 你还可以使用AOT 编译器,而不用修改任何代码 —— 只要给?ng build ?或?ng serve ?传入?--aot ?参数就可以了。 |
polyfills.ts |
不同的浏览器对 Web 标准的支持程度也不同。 腻子脚本(polyfill)能把这些不同点进行标准化。 你只要使用?core-js ?和?zone.js ?通常就够了,不过你也可以查看浏览器支持指南以了解更多信息。 |
styles.css |
这里是你的全局样式。 大多数情况下,你会希望在组件中使用局部样式,以利于维护,不过那些会影响你整个应用的样式你还是需要集中存放在这里。 |
test.ts |
这是单元测试的主要入口点。 它有一些你不熟悉的自定义配置,不过你并不需要编辑这里的任何东西。 |
tsconfig.{app|spec}.json |
TypeScript 编译器的配置文件。tsconfig.app.json ?是为 Angular 应用准备的,而?tsconfig.spec.json ?是为单元测试准备的。 |
tslint.json |
额外的 Linting 配置。当运行?ng lint ?时,它会供带有?Codelyzer?的?TSLint?使用。 Linting 可以帮你们保持代码风格的一致性。 |