[ng-alain系列]一套基於 Ng-zorro-antd 企業後臺模板。

ng-alain

一套基於 Ng-zorro-antd【ANT DESIGN】 的企業後臺模板。

你能夠在線體驗它。

快速入門

確保 node 版本 >= 6.9.0 且 npm 版本 >= 3 以上。

ng-alain 自己並不是組件庫，只是一個單純的企業後臺模板，你能夠直接克隆到你的本地，而後當即進入實際開發。

# clone ng-alain repo
# --depth 1 removes all but one .git commit history
git clone --depth 1 https://github.com/cipchk/ng-alain.git

# change directory
cd ng-alain

# install npm package
# in china please use cnpm （https://github.com/cnpm/cnpm）
npm install

# start the serve
npm start

# use HMR
npm run serve:hmr

指引文章

ng-alain 很是單純，總體的設計都基於 ng-zorro-antd。雖然 antd 的柵格、佈局已經足夠知足咱們平常的需求，然而出於對企業後臺在開發過程當中老是須要一點微調，所以我獨立構建了一套用做這類需求工具類樣式。

所以，在你開始ANTD以前最好先了解如下系列文章，他們會幫助你更好的理解 antd 是怎麼一回事，以及爲何須要這一套工具類規則。

• 整個antd的指引文章（很是經典必定要細讀）
• 設計規則
• 工具類規則
• 目錄結構與版本升級說明

特性

• 基於 ng-zorro-antd
• 響應式
• 國際化
• 延遲加載及良好的啓用畫面
• 良好的UI路由設計
• 十種顏色版本
• SCSS預編譯
• 良好的目錄組織結構
• 簡單升級
• 模塊熱替換

應用截圖