DevUI for Angular
DevUI Design设计系统包含了DevUI规则、设计语言和最佳实践的资源组合。DevUI Design可以让开发人员更加专注于应用逻辑的思考，而设计人员专注于用户体验、交互和流程
## 设计特点
* 企业级组件，提供配套设计规范、字体图标库
* 开箱即用
了解更多请访问官方网站 [devui.design](https://devui.design/home)
## Angular版本
当前支持的angular版本`^8.0.0`
## 快速开始
1. 创建一个项目
推荐使用`@angular/cli`创建你的项目
```bash
$ ng new New-Project
```
2. 安装:
```bash
$ cd New-Project
$ npm i ng-devui
# 可选，字体图标库
# $ npm i @devui-design/icons
```
3. 引入模块:
```typescript
import { BrowserModule } from '@angular/platform-browser';
// DevUI部分组件依赖angular动画，需要引入animations模块
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { DevUIModule } from '@duoduo-oba/ng-devui';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
DevUIModule
],
bootstrap: [ AppComponent ],
})
export class AppModule { }
```
4. 在 `angular.json` 文件夹中引入样式:
```json
{
"styles": [
...
"node_modules/ng-devui/devui.min.css"
]
}
```
5. 启动开发测试
```bash
$ ng serve --open
```
## 贡献
欢迎贡献您的代码或者讨论您的好点子！
在提出pull request之前，请确保您阅读了我们的[贡献指南](./CONTRIBUTING_zh_CN.md)
感谢所有帮助我们构建DevUI的贡献者
## 支持
支持IE11以上及其他浏览器
| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari | [
](http://godban.github.io/browsers-support-badges/)Opera |
| --------- | --------- | --------- | --------- | --------- |
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
## 谁在使用
## LICENSE
[**MIT**](https://opensource.org/licenses/MIT)