[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预编译
• 良好的目录组织结构
• 简单升级
• 模块热替换

应用截图