Angular2

原文链接:http://www.cnblogs.com/jacky1982/p/7615658.html

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

(一)基础复习

  • 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

 

转载于:https://www.cnblogs.com/jacky1982/p/7615658.html

展开阅读全文
博主设置当前文章不允许评论。

没有更多推荐了,返回首页