Angular2

内容来自大漠老师的视频课程笔记。感谢大漠老师。

（一）基础复习

• Tool Chain：GRUNT／Gulp／WebPack，Karma／Jasmine，less／sass，Google Materia，Nodejs

（二）Angular-CLI的安装配置

• npm i -g cnpm
• cnpm i -g angular-cli
• ng help
• ng new my-project1
• ng serve 注：这样启动的服务包太大，可以：ng serve --prod --aot进行压缩
• 还可以先编译：ng build --prod --aot

sublime text支持typescript的插件：typescript，typescriptcompletion

（三）ng generate

• cl：class
• c：component
• d：directive
• e：enum
• m：module
• p：pipe
• s：service
• 简化写法：ng g c User

（四）ng test

（五）技能图谱：https://github.com/TeamStuQ/skill-map/blob/master/data/designbyStuQ/png-Angular2-by-StuQ.png

（六）三个核心概念

• Component：
  • 单向数据流
  • https://github.com/manekinekko/angular2-dependencies-graph，组件树生成器
• NgModule：需要在文件体积和请求数量之间做平衡
• Router

（七）架构思想

• 依赖注入／DI
• 数据绑定／DataBinding

（八）UI库

• ng2-bootstrap，推荐
• PrimeNG
• Angular-Material2
• lonic
• https://my.oschina.net/mumu/blog/1519357