DevUI для Angular

DevUI Design — это система проектирования, которая включает в себя ресурсы, сочетающие правила DevUI, язык дизайна и лучшие практики. DevUI Design позволяет разработчикам сосредоточиться на логике приложения, а дизайнерам — на пользовательском опыте, взаимодействии и процессах.

Особенности дизайна

• Корпоративные компоненты с соответствующими проектными стандартами и библиотекой иконок шрифтов.
• Готовое к использованию решение.

Чтобы узнать больше, посетите официальный сайт devui.design.

Версия Angular

В настоящее время поддерживается версия Angular ^16.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, убедитесь, что вы прочитали наше руководство по вкладу (CONTRIBUTING_zh_CN.md).

Спасибо всем, кто помогает нам создавать DevUI!

Поддержка

Поддерживается IE11 и более поздние версии, а также другие браузеры.

Совместные проекты

• H5-Dooring — упрощение создания H5.

Пользователи

Лицензия

MIT