如何上手Angular，先從 8 個開源項目開始！

多年的學習經驗告訴我，了解一個概念最快的方式是看他的實踐，所以我整理出了 8 個在學習 Angular 過程中可以參考的開源項目，學習如何怎么使用 Angular 框架～

【相關教程推薦：《angular教程》】

1. NGX-Admin

https://github.com/akveo/ngx-admin

官網：https://akveo.github.io/ngx-admin/

一個好看的極簡風格管理后臺模板項目，有豐富主題的，部署方便，強推想要學習 Angular 的同學 pull 下來看看。

2. Eoapi

https://github.com/eolinker/eoapi

官網：https://www.eoapi.io/zh

Angular 和 Electron 技術結合的 API 工具桌面端，支持 Web 和桌面兩端部署，想用 Angular 寫桌面端的可以參考。

3. Angular Material

https://github.com/angular/components

官網：https://material.angular.io/

Angular 團隊構建和維護的基于 Materal UI 設計風格的 UI 組件庫，以幫助您構建自己的自定義組件。

4. NG-ZORRO

https://github.com/NG-ZORRO/ng-zorro-antd

官網：NG-ZORRO – 企業級 UI 設計語言和 Angular 組件庫

Ant-Design 組件庫的 Angular 版本，寫組件庫之前可以看看他們～

5. Storybook

https://github.com/storybookjs/storybook

官網：https://storybook.js.org/

Storybook 是一個組件文檔框架，支持 Angular、React、Vue 框架。

6. Awesome Angular

https://github.com/PatrickJS/awesome-angular

官網：https://patrickjs.github.io/awesome-angular/

這不是一個實踐項目，而是一個大而全的 Angular 百科全書， 包括 Angular 種子項目、啟動器、樣板、示例、教程、組件、模塊、視頻等 Angular 生態系統中的內容。

7. NGX-charts

https://github.com/swimlane/ngx-charts

官網：https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical

Angular 圖表工具

8. Angular google maps

https://github.com/sebholstein/angular-google-maps

官網：https://angular-maps.com/

Angular Google 地圖組件