README_zh_CN.md

DevUI for Angular

DevUI Design设计系统包含了DevUI规则、设计语言和最佳实践的资源组合。DevUI Design可以让开发人员更加专注于应用逻辑的思考，而设计人员专注于用户体验、交互和流程

设计特点

• 企业级组件，提供配套设计规范、字体图标库
• 开箱即用

了解更多请访问官方网站 devui.design

Angular版本

当前支持的angular版本^17.0.0

快速开始

1. 创建一个项目

推荐使用@angular/cli创建你的项目

ng new New-Project

2. 安装:

$ cd New-Project
$ npm i ng-devui
# 可选，字体图标库
# $ npm i @devui-design/icons

3. 引入模块:

import { BrowserModule } from '@angular/platform-browser';
// DevUI部分组件依赖angular动画，需要引入animations模块
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { DevUIModule } from 'ng-devui';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    DevUIModule
  ],
  bootstrap: [ AppComponent ],
})
export class AppModule { }

4. 在 angular.json 文件夹中引入样式:

{
  "styles": [
    ...
    "node_modules/ng-devui/devui.min.css"
  ]
}

5. 启动开发测试

ng serve --open

贡献

欢迎贡献您的代码或者讨论您的好点子！

在提出pull request之前，请确保您阅读了我们的贡献指南

感谢所有帮助我们构建DevUI的贡献者

支持

支持IE11以上及其他浏览器

IE / Edge	Firefox	Chrome	Safari	Opera
Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

合作项目

• H5-Dooring - 让H5制作，更简单

谁在使用

LICENSE

MIT