背景
之前項目使用過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
您的支持是對博主最大的鼓勵，感謝您的認真閱讀。
本文版權歸作者所有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。