这个项目能做什么
NG-ZORRO(ng-zorro-antd)是一款面向 Angular 的综合型 UI 组件库,完全复刻 Ant Design 的设计语言。它定位于企业级应用,提供丰富的开箱即用组件、开发工具与设计资源。
主要特性:
- 超过 70 个高质量 Angular 组件(按钮、表格、表单、菜单等)
- 完整的 TypeScript 类型定义,保障静态类型安全
- 支持 Angular ^22.0.0、服务端渲染(SSR)和 Electron
- 支持 Zoneless 与 OnPush 变更检测模式,实现高性能渲染
- 强大的主题系统,允许细粒度样式覆盖
- 国际化(i18n)支持数十种语言
- 兼容主流现代浏览器(Edge、Firefox、Chrome、Safari、Opera 最近两个版本)及 Electron
设计规范:
NG-ZORRO 的视觉规范与官方 Ant Design 设计体系保持同步,确保与整个 Ant 生态系统的视觉一致性。设计更新内容会在线记录供参考。
安装方式:
推荐使用 Angular CLI 进行安装:
```bash
ng new my-app
cd my-app
ng add ng-zorro-antd
```
也可以通过 npm 或 yarn 直接安装:
```bash
npm install ng-zorro-antd
```
安装完成后,在 Angular 组件中按需导入对应模块,例如:
```ts
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
imports: [NzButtonModule]
})
export class AppComponent {}
```
将库的 CSS 和 SVG 图标资源分别添加到 angular.json 中的 styles 和 assets 字段。
本地开发:
```bash
git clone https://github.com/NG-ZORRO/ng-zorro-antd.git
cd ng-zorro-antd
npm install
npm run start
```
项目启动本地开发服务器并自动打开浏览器。
许可证:
NG-ZORRO 采用 MIT 许可证开源发布,完整源代码托管于 GitHub。
社区与支持:
- 文档与快速入门指南:https://ng.ant.design/docs/getting-started/en
- Discord 频道和 Stack Overflow 标签 ng-zorro-antd
- VSCode 代码片段插件,提升开发效率
- 欢迎通过 Pull Request 贡献代码,项目遵循 CONTRIBUTING.md 指引
知名用户:
阿里巴巴、阿里云、ThoughtWorks、招商银行、Apache Flink、Apache Zeppelin 等多家企业在其内部系统及对外 Angular 应用中广泛使用 NG-ZORRO。
总体而言,NG-ZORRO 是一套成熟且持续维护的 UI 工具包,在保持 Ant Design 一致视觉风格的同时,显著加速 Angular 应用的开发进程。
评论
0 评分人数达到10人后显示
登录后参与讨论。