angular2 内容提要

一、angular-CLI的安装配置

二、angular中的3大核心概念  Component、Module、Route

三、angular核心架构思想 （组件化、依赖注入、数据绑定）

四、UI库 （angular-material（google发布的模拟物理变化的UI）、prime-NG、ng2-bootstrap、ionic）

五、NiceFish

 

web-pack 前端打包工具

一、angular—CLI安装方法

1.npm install -g angular-cli 

2.ng --version

3.ng new my-project1

4.ng serve

ng serve 之后，项目就能再浏览器跑起来

除此之外还有一些其他的命令行，比如：

ng generate  cl:class / c:component / d:directive / e:enum / m:module / p:pipe / s:service

上面这些还可以简化的写：比如：ng g c User 意思是：建立一个User类的component

去文件的目录结构中，就能看到在app目录下看到一个User的目录，里面包含user.component.css 、user.component.ts 、user.component.html 、user.component.spec.ts(这是用来做单元测试的)

最后当我们需要把做好的东西编译出来，这时可以用 ng-build 或者ng-build --prod --aot等待编译，编译好了就能在

 目录中看到dist这个目录

自动化测试：ng test

 

二：angular中的3大核心概念  Component、Module、Route

关于angular2的结构图，可在github上搜索TeamStuQ ，详细的列出了angular2的技能图谱

angular2是单向数据流，具体可看 https://github.com/modern-javascript/angular2-data-flow 

用单向数据流可以提高效率。

一个项目的组件有很多，构成一个组件树。如果想知道自己项目的组件树长什么样儿，可以用angular2-dependencies-graph

关于an-module相关的问题，官方在 https://angular.cn/docs/ts/latest/cookbook/ngmodule-faq.html 进行了回答

module.ts 文件中，有declarations(声明类) 、 imports（导入的外部的模块） 、export（导出的模块）、providers