3.0.0 • Published 6 years ago
ng-z-atsale v3.0.0
Ant Design 的 Angular 实现,结合特殊化定制,开发和服务于企业级后台产品。
✨ 特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Angular 组件。
- 使用 TypeScript 构建,提供完整的类型定义文件。
- 全链路开发和设计工具体系。
🖥 支持环境
IE / Edge | Firefox | Chrome | Safari | Opera | Electron |
---|---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
由于
@angular/cdk
的缘故,ng-zorro-antd-net
支持主要浏览器的最新两个主版本。
📦 安装
我们强烈推荐官方的 @angular/cli
工具链辅助进行开发,在实际项目开发中,它可以很好的满足对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd-net
如果你想了解更多CLI工具链的功能和命令,建议访问 Angular CLI 了解更多
🔨 使用
在每一个需要使用组件的 module 中引入 NgZorroAntdModule
。
import { NgZorroAntModule } from 'ng-zorro-antd-net';
@NgModule({
imports: [ NgZorroAntdModule ]
})
export class AppModule {
}
@angular/cli
的用户不需要担心下面这项设置,但知道也挺有好处。
然后在 angular.json
文件中引入样式和 SVG icon 资源。
{
"assets": [
+ {
+ "glob": "**/*",
+ "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+ "output": "/assets/"
+ }
],
"styles": [
+ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
]
}
参考快速上手以了解更多。
🔗 链接
⌨️ 开发
$ git clone ssh://git@g.hz.netease.com:22222/CZG-F2E/angular-components.git
$ cd ng-zorro-antd-net
$ npm install
$ npm run site:start
浏览器会自动打开。
🎉 使用在哪?
如果你的产品使用了 NG-Z-ATSALE-NET,欢迎到 这里 留言。
3.0.0
6 years ago