搭建环境剖析
搭建项目环境
在搭建本地开发环境的过程中会安装很多
文件。它们大部分都可以被忽略掉。
对程序员来讲最重要的是在 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.js | protractor 端对端 (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 风格指南与本文档站作者喜爱的语法检查规则。 |