Ejemplos interactivos

Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.

Una sola orden

`ng add ng-hub-ui` es toda la instalación. La CLI de Angular descarga el paquete, ejecuta su esquema `ng-add` y este pregunta cuáles de las 25 librerías del catálogo quieres. El espacio selecciona, `a` marca todas e `i` invierte la selección; al confirmar, la elección se resuelve en paquetes de npm, se escriben en `dependencies` y la instalación pasa al gestor de paquetes que la CLI haya detectado.

Instalación interactiva

Space selects, a toggles everything and i inverts the selection. The schematic writes the chosen packages into dependencies and then lets the package manager install them.

Opciones y scripts

El diálogo se puede saltar, que es lo que hace al instalador utilizable desde CI y desde el script de arranque de un proyecto. `--libraries` acepta una lista separada por comas o la misma opción repetida, y ambas formas se normalizan igual: sin espacios, sin duplicados y en el orden en que se dieron. `--skip-install` escribe el manifiesto y se detiene ahí. Pasa los identificadores del catálogo, no las etiquetas que muestra el diálogo — son cadenas distintas, y una desconocida detiene el esquema antes de tocar `package.json`.

Opciones en lugar del diálogo

Comma-separated

Repeated flag — the same selection, normalized the same way

Manifest only, install left to you

An empty selection fails with Select at least one ng-hub-ui library to install. and an unknown identifier with Unknown ng-hub-ui library: <id>. — in both cases before package.json is touched.

Dependencias resueltas

Lo que se selecciona no es lo que se escribe. Cada librería del catálogo declara los pares que necesita —`ng-hub-ui-utils` para casi toda la familia, `ng-hub-ui-ds` para panels, `ng-hub-ui-forms` para signature y `sortablejs`, que ni siquiera es nuestro— y la resolución es transitiva, así que una librería añadida de rebote aporta a su vez sus propios pares. Cada rango parte de un suelo igual o superior al par más alto que la familia le exige, que es lo que evita escribir una pareja que npm no puede satisfacer. Una clave que ya existe nunca se reescribe, así que una versión fijada sobrevive. El esquema se detiene en el cableado de dependencias: no toca `angular.json`, ni proveedores, ni registros de componentes, ni hojas de estilo.

Lo que escribe la selección

Two libraries asked for…

…five packages written into package.json

The schematic adds a dependency only when the key is absent, so a version already pinned in your manifest survives the install untouched.