NG‑ALAIN

基于 Antd 设计体系与 Angular 技术栈的企业级中后台脚手架，内置通用业务模块与出色实践，让开发者专注业务逻辑而非重复搭建。

技术栈与依赖

ng-alain 核心依赖包括 Angular、ng-zorro-antd（Ant Design 的 Angular 实现）、@delon 业务模块库以及 G2 图表库，全部基于 TypeScript 构建。

• UI 层：ng-zorro-antd 提供 Antd 设计规范的 Angular 组件
• 业务模块：@delon 封装通用中后台逻辑（如权限、设置、主题）
• 图表：集成 G2 用于数据可视化

快速上手方式

提供两种官方初始化途径：通过 Angular CLI 的 ng add 命令一键集成，或直接克隆 GitHub 仓库。

• CLI 安装：ng new demo --style less ng add ng-alain ng serve
• Git Clone：git clone --depth=1 https://github.com/cipchk/ng-alain.git npm install npm start
• 启动后默认访问 localhost:4200，显示脚手架初始页面即成功

适用场景与定位

面向需要快速搭建中后台管理系统的 Angular 开发者，尤其适合从 Vue/React 转 Angular 的后端开发者，提供类似后端开发的模块化体验。

• 目标用户：习惯 Angular + TypeScript 全栈开发的人员
• 对比 Vue：类似 Vue + iView 的脚手架定位，但基于 Angular 生态
• 设计理念：遵循 Antd 的『确定』与『自然』价值观

常见问题

Q1：ng-alain 和 ng-zorro-antd 是什么关系？

A1：ng-zorro-antd 是 Ant Design 的 Angular 组件库，提供基础 UI 组件；ng-alain 是在其之上构建的完整脚手架，额外包含业务模块（@delon）、脚手架模板、G2 图表集成等，开箱即用。

Q2：ng-alain 的安装方式有哪些？

A2：两种官方方式：1) 通过 Angular CLI 执行 ng add ng-alain 自动集成到已有项目；2) 直接克隆 GitHub 仓库（git clone --depth=1 https://github.com/cipchk/ng-alain.git）后 npm install 启动。

更多同类工具与网站,可在Angular分类继续挑选。

信息核实于 2026年7月,具体以官网为准。