Nebular 使用

Nebular 是一个基于 Angular 的 UI 组件库，用于构建现代化的 Web 应用程序。它提供了一系列的可重用组件、指令和服务，帮助开发者快速构建出具有一致性和专业外观的用户界面。

要使用 Nebular，首先需要在你的 Angular 项目中安装 Nebular 包。可以通过 npm 进行安装，运行以下命令：

npm install @nebular/theme @nebular/eva-icons

安装完成后，你需要将 Nebular 的样式文件和图标字体文件添加到你的 Angular 项目中。可以在 `angular.json` 文件中的 `styles` 和 `scripts` 字段中添加以下内容：

"styles": [
  "node_modules/@nebular/theme/styles/prebuilt/default.css"
],
"scripts": [
  "node_modules/@nebular/eva-icons/icons/eva-icons-outline.js"
]

接下来，在你的 Angular 模块中导入 Nebular 的模块，并将它们添加到模块的 `imports` 数组中。例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NbThemeModule, NbLayoutModule, NbButtonModule } from '@nebular/theme';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    NbThemeModule.forRoot(),
    NbLayoutModule,
    NbButtonModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

现在，你可以在你的 Angular 组件中使用 Nebular 提供的组件了。例如，在你的模板文件中使用 `<nb-layout>` 组件：

<nb-layout>
  <nb-layout-header>Header</nb-layout-header>
  <nb-layout-column>Content</nb-layout-column>
  <nb-layout-footer>Footer</nb-layout-footer>
</nb-layout>

这只是一个简单的例子，Nebular 还提供了许多其他组件和功能，如表单、表格、菜单、对话框等，你可以根据自己的需求进行使用和定制。详细的文档和示例可以在 Nebular 的官方网站上找到。