【Angular 入门】学习总结一

环境搭建

1.安装node.Js
下载地址：http://nodejs.cn/download/
安装 angular 的计算机上面必须安装最新的 nodejs。
检查安装是否成功：
打开cmd命令窗口输入命令：node –version；

2.安装cnpm
因为npm 官网镜像国内访问太慢，所以使用淘宝的npm镜像会快些。之后能用到 npm的时候尽量都用cnpm来代替。
Cmd窗口安装命令：
npm install -g cnpm –registry=https://registry.npm.taobao.org
安装angular脚手架
Cmd窗口安装命令：cnpm install -g @angular/cli
查看angular版本
Cmd窗口安装命令：ng –version

3.创建项目
Angular使用命令ng，所以都是 ng +其他 的组合命令。看了很多创建angular项目的版本，感觉这个版本挺好的，推荐使用：Cmd窗口下输入命令：（可以先cd到一个你指定的目录下再创建项目）
1.ng new demo1 –skip-install （创建angular项目demo1 不使用npm更新）
2.cd demo1 （到demo1文件夹下）
3.cnpm install （使用cnpm更新，更快些）
4.ng serve （运行）或 ng serve –open(运行并用默认浏览器打开)
把访问地址贴到浏览器运行

4.注意点
创建项目后用 npm i 或者 cnpm i 后项目没法运行
用 yarn 替代 cnpm 和 npm，步骤为
1 cnpm instal @angular/cli
2 ng new 的时候阻止自动安装 ng 包，只创建 ng 目录
（命令为ng new my-app –skip-install）
3 安装 yarn npm install -g yarn / cnpm install -g yarn
4 进入目录 my-app 使用 yarn 安装 ng 所依赖的包 yarn

心得

1、MVX:数据、表现、逻辑分离；
2、Angular 以M（model数据）V（view视图/表现层）C（controller控制器/业务逻辑）为基础；降低程序员重复工作的劳动量。扩展了HTML功能，颠覆传统JS开发，可扩展。
3、依赖注入 —— AngularJS拥有内建的依赖注入子系统，可以帮助开发人员更容易的开发，理解和测试应用。
4、双向数据绑定 —— 实现了把model与view完全绑定在一起，model变化，view也变化，反之亦然。（ng-model可实现双向绑定）；依赖注入：参数由定义方决定。
5、MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC，更接近于MVVM(Moodel-View-ViewModel)。
6、模版：｛｛XXX｝｝ 比ng-bind更灵活。求和不同。
7、指令 —— 可以用来创建自定义的标签，也可以用来装饰元素或者操作DOM属性。
8、AngularJS也有自己的事件（ng-init、ng-click）。
9、组件化（生命周期）。