Skip to content

Latest commit

 

History

History
114 lines (82 loc) · 4.32 KB

README_zh_CN.md

File metadata and controls

114 lines (82 loc) · 4.32 KB

DevUI Logo

Github Star License
Document Document Npm Chat

DevUI for Angular

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

设计特点

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

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

Angular版本

当前支持的angular版本^17.0.0

快速开始

  1. 创建一个项目

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

ng new New-Project
  1. 安装:
$ cd New-Project
$ npm i ng-devui
# 可选,字体图标库
# $ npm i @devui-design/icons
  1. 引入模块:
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 { }
  1. angular.json 文件夹中引入样式:
{
  "styles": [
    ...
    "node_modules/ng-devui/devui.min.css"
  ]
}
  1. 启动开发测试
ng serve --open

贡献

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

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

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

支持

支持IE11以上及其他浏览器

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

合作项目

谁在使用

CodeArts Logo

LICENSE

MIT