📜  install @ng-bootstrap ng-bootstrap@5.1.1 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:31:24.879000             🧑  作者: Mango

在Shell-Bash中安装ng-bootstrap@5.1.1

如果你正在使用Angular框架,那么你一定会用到ng-bootstrap。ng-bootstrap是基于Bootstrap4的Angular UI组件,它提供了大量的UI组件供你使用。

在这里,我们将学习如何在Shell-Bash中安装ng-bootstrap@5.1.1。

步骤

下面是在Shell-Bash中安装ng-bootstrap@5.1.1的步骤:

  1. 打开终端,进入你的Angular项目中。

  2. 利用以下命令安装ng-bootstrap@5.1.1:

npm install @ng-bootstrap/ng-bootstrap@5.1.1 --save

这个命令将会从npm仓库中下载ng-bootstrap@5.1.1,并将其作为你的项目的依赖项保存在package.json文件的dependencies中。

  1. 在你的Angular项目中导入ng-bootstrap中的UI组件:
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
  1. 将NgbModule添加到你的Angular项目的NgModule的imports数组中:
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgbModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
总结

现在你已经知道了如何在Shell-Bash中安装ng-bootstrap@5.1.1了。接下来你可以使用ng-bootstrap中的UI组件来构建你的Angular应用程序。

希望这篇文章对你有帮助!