[乐意黎]解析 SystemJS 本地开发环境

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

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

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

文件

用途

app/...

你的 Angular 应用文件。

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

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 测试运行器的脚本。

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 风格指南与本文档站作者喜爱的语法检查规则。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值