📜  如何在 nx 上运行 ng add - Shell-Bash (1)

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

在Nx上运行ng add

在Angular开发中,使用Nx工具可以帮助我们更高效的开发大型应用程序,这样做可以轻松组织代码和库。本文将介绍如何在Nx上运行ng add命令。

步骤

在以下步骤中,我们将介绍如何使用nx来运行ng add命令:

  1. 打开控制台并导航到你的项目目录。

  2. 安装生成器工具,这里以Angular Material为例.

npm install @angular/material@latest --save
  1. 运行下面的命令,通过指定使用哪个集合(collection),来指定安装哪个schematic。这里我们要安装Angular Material的schematic。
nx generate @angular/material:material-nav --name=my-nav

这样就在你的app模块下生成了一个demo导航组件(my-nav),并且在相关的文件中加入了Angular Material。

运行ng serve命令后查看是否正确。

总结

通过上面的步骤,我们可以简单的在Nx中运行ng add命令,安装Angular Material工具,并且用其生成一个导航组件。

除了Angular Material 以外,其他的npm包也可以按照类似方式操作。

希望这篇文章可以帮助你更好的使用Nx工具,更加快速的开发应用程序。