Angular2路由示例教程：基础设置与快速启动指南

资源摘要信息: "Angular2-routing-example" 知识点一：Angular 2.0 Angular 2.0是Google开发的开源前端JavaScript框架，用于构建现代的Web应用程序。它是在AngularJS（即Angular 1.x）之后推出的重大更新。Angular 2.0引入了TypeScript作为默认开发语言，它是一个由微软开发的开源编程语言，实际上是JavaScript的一个超集，添加了静态类型检查的功能。Angular 2.0的结构和API与AngularJS有显著不同，更加模块化，同时对移动设备和Web应用都提供了良好的支持。 知识点二：路由配置 在Angular 2.0中，路由是通过路由模块来管理的。一个应用中的不同视图（页面）可以通过路由机制进行导航。Angular 2.0的路由模块包括定义路由规则，组件映射，以及如何解析导航操作等功能。在本例中，位于app.ts文件中的简单路由器配置设置，意味着开发者需要在该文件中定义路由规则，并将URL路径与相应的组件进行映射。 知识点三：ES6 / TypeScript ECMAScript 6（ES6），也称为ECMAScript 2015，是JavaScript的一个版本标准，它增加了许多新的语法特性，如类、模块、箭头函数、迭代器、生成器、Promise等。TypeScript是建立在ES6基础之上的一种编程语言，它为JavaScript添加了类型系统和其它特性，如接口、泛型、枚举等。TypeScript可以编译成ES5或ES6代码，以便在不支持ES6的浏览器或环境中运行。 知识点四：Gulp Gulp是基于Node.js的一个前端自动化构建工具。它使用基于Node.js的流（stream）处理机制，可以快速有效地处理项目中的任务，如文件合并、压缩、压缩、单元测试等。在本例中，Gulp被用来观察应用程序文件的更改，并在每次更改时重新编译它们。此外，还提到了使用`gulp play`或`npm start`命令来启动项目。 知识点五：ES6模块捆绑器 在使用ES6模块进行前端开发时，模块捆绑器是一个重要的工具。它负责将项目中的多个JavaScript文件打包成一个或少数几个文件，从而可以减少HTTP请求的数量，提高页面加载速度。流行的模块捆绑器有Webpack、Rollup、Browserify等。本例没有具体说明使用的是哪一个模块捆绑器，但可以推测开发过程中会有这样的工具参与。 知识点六：traceur compiler 和 ES6 polyfill traceur compiler是一个ES6到ES5的编译器，它允许开发者使用新的JavaScript语言特性，同时仍然能够兼容旧版浏览器。ES6 polyfill是一组能够在不支持ES6特性的旧浏览器中模拟ES6行为的JavaScript代码。通常，它们用于提供对Array.prototype.find、Promise、Symbols等ES6特性的支持。在构建过程中，可能需要使用traceur compiler来编译ES6代码到ES5，以确保代码的兼容性。 知识点七：安装和运行Angular项目 本例提供了在shell中安装和运行Angular项目的步骤。首先，需要全局安装gulp（如果尚未安装），然后安装本地依赖项。安装完成后，使用`gulp play`（或`npm start`）命令来启动项目。这两个命令的作用是观察源代码文件的更改，并在每次更改时重新编译代码，从而在开发过程中提供实时反馈。