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

原文地址:https://www.cnblogs.com/maochunyan/p/6995337.html