搭建剖析

搭建本地开发环境的过程中会安装很多文件。它们大部分都可以被忽略掉。

对程序员来讲最重要的是在 src/e2e/ 文件夹之内的应用文件。

在这两个文件夹之外的文件为开发环境设定条件。 这些文件很少会需要变动,你可能永远都不需要阅览或者修改它们。

文件

用途

src/app/

你的 Angular 应用文件。

"Hello Angular" 这个例子中有 AppComponentAppModule、 一个组件单元测试 (app.component.spec.ts) 以及引导文件 main.ts

在live example中试试范例程序 / 可下载的例子单元测试 / 可下载的例子

e2e/

应用的端对端(e2e)测试,用 Jasmine 写成并用 protractor 端对端测试运行器测试。

初始化后,有个“Hello Angular” 的例子的端对端测试。

node_modules/

npm install 命令安装的 npm 包。

.editorconfig
.git/
.gitignore
.travis.yml

配置文件和文件夹的工具。

除非非常必要,否则可以忽略。

CHANGELOG.md

快速起步库的更新历史。

删除或忽略。

favicon.ico

出现在浏览器标签上的应用图标。

index.html

应用的宿主页面。 它以特定的顺序加载一些基本脚本。 然后它启动应用,将根AppComponent放置到自定义<my-app>标签里。

同一个 index.html满足所有文档应用例子。

karma.conf.js

测试指南中提到的 karma 测试运行器的配置。

karma-test-shim.js

测试指南中提到的 karma 测试运行器的脚本。

non-essential-files.txt

这个列表中的文件在清理时可以删除,它是原始的“快速起步”种子工程中的测试和git维护文件。 步骤参见可选的删除非必要文件部分。 只在最初做这件事,以免不小心删除了你自己的测试文件和git配置!

LICENSE

应用的搭建代码中用到的开源 MIT 许可证。

package.json

为项目指定npm依赖包。

包含了一些命令脚本,用来运行应用、运行测试与其他。输入npm run来查看命令列表。 到这里阅读更多关于它们的说明。

protractor.config.js

protractor 端对端 (e2e) 测试器运行器的配置。

README.md

项目中使用这个 git 库的说明。 在删除前值得阅读。

styles.css

应用的全局样式。初始化后,有个为《快速起步》演示准备的<h1>样式。

systemjs
.config.js

SystemJS 模块加载器指定去哪儿查找在 JavaScript 的import语句中引用的模块。例如:

import { Component } from '@angular/core;

除非你完全理解 SystemJS 的配置,不要修改它。

systemjs
.config.extras.js

可选的额外 SystemJS 配置。 是添加 SystemJS 映射的途径,例如在无需修改原始systemjs.config.js的情况下为应用映射封装桶

tsconfig.json

为 TypeScript 编译器指定如何将 TypeScript 代码转换为 JavaScript 文件,用来在所有现代浏览器中运行。

tslint.json

利用npm安装的 TypeScript 语法检查器 (linter) 检测 TypeScript 代码并在你违反它的规则时提示你。

该文件定义了 Angular 风格指南与本文档站作者喜爱的语法检查规则。