今天給大家推荐一款超漂亮的Angular pc端UI組件庫DevUI。
dev-ui 一款基於angular.js< /span>開發的UI組件庫。提供了60+組件，star高達1.6K+。
1. 創建項目
推薦使用@angular/cli創建你的項目
ng new New-Project2. 安裝
進入你的項目文件夾，使用npm安裝DevUI
npm i ng-devui# 可選，字體圖標庫, 部分Demo依賴此字體庫# npm i @devui-design/icons3. 引入模塊
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 文件中引入devui樣式：
{ "styles": [ ... "node_modules/ng-devui/devui.min.css" ]}5. 啟動開發調試
ng serve --open通過上面幾步即可快速創建一個簡單的Angular項目並引入組件庫。
提供了非常漂亮的文檔及demo示例，感興趣的可以去看看。
// 文檔地址https://devui.design/home// 倉庫地址https://github.com/DevCloudFE/ng-devui好了，今天的分享就到這裡吧。
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Beautiful%20UI%20component%20library%20based%20on%20Angular.html
支付宝扫一扫 
评论列表（196条）
测试