搭建环境剖析

搭建项目环境

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

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

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

文件用途
src/app/你的 Angular 应用文件。"Hello Angular" 这个例子中有 AppComponent、AppModule、 一个组件单元测试 (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.jsprotractor 端对端 (e2e) 测试器运行器的配置。
README.md项目中使用这个 git 库的说明。 在删除前值得阅读。
styles.css应用的全局样式。初始化后,有个为《快速上手》演示准备的 <h1> 样式。
systemjs.config.js为 SystemJS 模块加载器指定去哪儿查找在 JavaScript 的 import 语句中引用的模块。例如:content_copyimport { 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 风格指南与本文档站作者喜爱的语法检查规则。