1.1 Angular入门

• 参考了《Angular即学即用》
• 版本
  • Angular2以后的版本和Angular1差别很大（对框架进行了完全的重写），但Angular2以后的版本之间差别不是很大
  • 由于Angular2以后不仅仅使用了JavaScript，而且还支持用TypeScript编写App，常将Angular1叫做AngularJS，而将Angular2以后的版本统称Angular。
• 重要特性
  • 单页面应用程序（SPA）
    • 优势是利用了AJAX和脚本来避免整页刷新，提供了良好的用户体验
  • 支持自定义组件（Component）
    • 类似于winform的用户控件，是一部分界面和逻辑的封装
    • 作为可重用的片段
  • 数据绑定
    • Angular允许你无缝地将数据从核心JavaScript代码移动到视图，并对视图事件作出反应，而不必自己编写胶水代码（绑定数据、事件到页面）。
  • 依赖注入
    • Angular允许你编写模块化的服务，并将它们注入到需要的地方。这大大的提高了可测试性和可重用性。
  • 可测试性
    • 可以也应该对程序的每个部分进行测试。
    • 基于Karma和Jasmine可以对组件进行单元测试。
• Node.js
  • Angular程序不需要使用Node.js编写代码，但使用它作为大部分构建环境的基础，因此使用Angular之前要先安装Node.js。
  • 需要使用Node.js的npm工具包。
  • 即使是纯前端的Angular程序，同样有可能部署后需要Node.js的一些服务端功能，然后用node app.js启动。
  • 通过安装包进行安装
  • node --version
  • npm --v
• TypeScript
  • 最终还是会编译成JavaScript
  • 增强版的JavaScript，增加了一系列类型，更容易面向对象编程，有一些语法糖，使我们在编写代码时可以使用最新的ECMAScript特性。
  • npm install -g typescript
• Angular CLI
  • 不像AngularJS那样可以简单地用一个文件作为依赖项来启动和运行，更加复杂。
  • 因此提供了一个命令行界面（CLI）工具，方便开发、引导
  • npm install -g @angular/cli
  • ng --version