由于工作的关系对于 React 并没有过度的深入，因此对 Ant Design 并无太多了解。当然也是因为工作中存在大量的 Angular 项目，后来 ng-zorro-antd 的发布引起我极大的关注。

ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。 你可以在线体验它。 快速入门 确保 node 版本 >= 6.9.0 且 npm 版本 >= 3 以上。 ng-alain 本身并非组件库，只是一个单纯的企业后台模板，你可以直接克隆到你的本地，然后立即进入实际开发。 {代码...} 指引文章 ng-alain 非常单纯，整体的设计都...

项目是通过 ng new 来构建的，就如同你平时要创建项目一样，因此，当你克隆 ng-alain 到你本地后，只需要执行 npm install，那么就相当构建好一个新项目。

我认为这些工具类只会运用在内容区域，因此，按 Ant Design 的规范，尺寸的宽度是以一个 8px Gutter 基础间距为基础；并衍生出三个尺寸，分别为：

设计规则 ng-alain 是基于 ng-zorro-antd 组件库为基础的一个企业后台应用脚手架。 因此，整体依 Ant Design 的设计规则，ng-alain 按上-左-右布局，这些规范细节： 顶部导航 高度 64px。 侧边导航 宽度 200px。 当屏幕低于 1140px 宽时隐藏 侧边导航。 当屏幕低于 1140px 宽时打开 侧边导航 为 fixed 状态。 内部区域 ...

这人要是越期待，心就越着急。早在8月上旬我就开发好了 ng-zorro-vscode；一个在vscode下的snippets。因此，虽然那时未能探到源代码，但从官网的SDK中，就已经对 ng-zorro-antd 有一定全面性了解。