[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。
ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。
【[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。】你可以在线体验它。
快速入门 确保 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预编译
- 良好的目录组织结构
- 简单升级
- 模块热替换
文章图片
文章图片
文章图片
推荐阅读
- 【欢喜是你·三宅系列①】⑶
- 定制一套英文学习方案
- 你不可不知的真相系列之科学
- 人脸识别|【人脸识别系列】| 实现自动化妆
- 2018-06-13金句系列7(金句结构-改编古现代诗词)
- Unity和Android通信系列文章2——扩展UnityPlayerActivity
- 乡野村趣系列之烧仙草
- Java内存泄漏分析系列之二(jstack生成的Thread|Java内存泄漏分析系列之二:jstack生成的Thread Dump日志结构解析)
- 15、IDEA学习系列之其他设置(生成javadoc、缓存和索引的清理等)
- 【年终激励系列】之五(年终奖如何与考核紧密相连)