# Summer life check-in season#
Today, I recommend a super beautiful Angular PC-side UI component libraryDevUI.
dev-ui A angular.js< /span> developed UI component library. Provides 60+ components, with a star up to 1.6K+.
1. Create project
It is recommended to use@angular/cli to create your project
ng new New-Project2. Install
Enter your project folder and use npm to install DevUI
npm i ng-devui# Optional, font icon library, some Demos depend on this font library# npm i @devui-design/icons3. Import module
import { BrowserModule } from '@angular/platform-browser';// Some DevUI components depend on angular animation, The animations module needs to be introduced 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. Import style
Introduce the devui style in the angular.json file:
{ "styles": [ ... "node_modules/ng-devui/devui.min.css" ]}5. Start development and debugging
ng serve --openThrough the above few You can quickly create a simple Angular project and import the component library in just one step.
Provides very beautiful documents and demo examples, you can take a look if you are interested.
// document address https://devui.design/home// warehouse address https://github.com/DevCloudFE/ng-devuiOkay, that's all for today's sharing.
Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/Beautiful%20UI%20component%20library%20based%20on%20Angular.html
支付宝扫一扫 
评论列表（196条）
测试