背景
之前项目使用过vue.js+iview，习惯了后端开发的我，总觉得使用不习惯，之前分析易企秀前端代码，接触到了angular js，完备的相关功能，类似后端开发的体验，让人耳目一新，全新的angular拥抱typescript，更是为后端开发量身打造，
学习angular，可以参考学习笔记：
- Angular快速学习笔记(4) -- Observable与RxJS
- Angular快速学习笔记（3） -- 组件与模板
- Angular快速学习笔记（2） -- 架构
- Angular 快速学习笔记(1) -- 官方示例要点
大概了解了angular，和vue.js使用iview一样，需要找一个类似的UI框架，实现快速开发，于是ng-alain进入了视野。
ng-alain 介绍
官方介绍：
一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。
另外一个介绍：
ng-alain 是一个企业级中后台前端/设计解决方案脚手架，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈，将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。
先来理下关系：
-
Antd是蚂蚁金服开源的一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观和模块化的解决方案，让设计者专注于更好的用户体验。
-
Antd官方提供了基于react的实现。
-
然后开源项目NG-ZORRO(Ant Design of Angular)是Ant Design 的 Angular 实现。
-
ng-alain技术栈基于 Typescript、Angular、g2、@delon 和 ng-zorro-antd，并遵循Antd设计了新的组件，基于ng-alain可以快速的开发中后台。
安装
命令行安装;
ng new demo --style less
cd demo
ng add ng-alain
ng serve
直接 clone git 仓库
$ git clone --depth=1 https://github.com/cipchk/ng-alain.git my-project
$ cd my-project && npm install && npm start
启动后，启动完成后会打开浏览器访问 //localhost:4200，你看到下面的页面就代表成功了。
未完待续
作者：Jadepeng
出处：jqpeng的技术记事本--http://www.cnblogs.com/xiaoqi
您的支持是对博主最大的鼓励，感谢您的认真阅读。
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。