{
  "id": "cli/add",
  "title": "ng add",
  "contents": "\n<article>\n  <div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/add.json?message=docs(...)%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n  <a href=\"https://github.com/angular/angular-cli/tree/v12.0.0-next.7/packages/angular/cli/commands/add.json\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n  \n\n\n<div class=\"breadcrumb\">\n  <script type=\"application/ld+json\">\n    {\n      \"@context\": \"http://schema.org\",\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [\n        { \"@type\": \"ListItem\", \"position\": 1, \"item\": { \"@id\": \"https://angular.io/cli\", \"name\": \"CLI\" } },\n        { \"@type\": \"ListItem\", \"position\": 2, \"item\": { \"@id\": \"https://angular.io/cli/add\", \"name\": \"add\" } }\n      ]\n    }\n  </script>\n    <a href=\"cli\">CLI</a>\n</div>\n\n  \n<header class=\"cli-header\">\n  <h1 id=\"ng-add\">ng add<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/add#ng-add\"><i class=\"material-icons\">link</i></a></h1>\n</header>\n\n\n  <aio-toc class=\"embedded\"></aio-toc>\n\n  <div class=\"cli-body\">\n    \n    <p>Adds support for an external library to your project.</p>\n\n    \n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng <span class=\"cli-name\">add</span> &#x3C;<var>collection</var>> [<var>options</var>]</code-example>\n\n\n\n    \n    <h2 class=\"no-anchor\" id=\"mode_edit---code----------description\">\n        <div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/add.md?message=docs%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n  <a href=\"https://github.com/angular/angular-cli/tree/v12.0.0-next.7/packages/angular/cli/commands/add.md\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n        Description\n    </h2>\n    <p>Adds the npm package for a published library to your workspace, and configures\nthe project in the current working directory (or the default project if you are\nnot in a project directory) to use that library, as specified by the library's schematic.\nFor example, adding <code>@angular/pwa</code> configures your project for PWA support:</p>\n<code-example language=\"bash\">\nng add @angular/pwa\n</code-example>\n<p>The default project is the value of <code>defaultProject</code> in <code>angular.json</code>.</p>\n\n    \n\n    \n\n<h2 class=\"no-anchor\" id=\"arguments\">Arguments</h2>\n<table class=\"is-full-width list-table property-table\">\n  <thead>\n    <tr>\n      <th width=\"15%\">Argument</th>\n      <th width=\"40%\">Description</th>\n      <th>Value Type</th>\n    </tr>\n  </thead>\n  <tbody>\n  \n  <tr class=\"cli-option\">\n    <td><code class=\"cli-option-syntax no-auto-link\">&#x3C;<var>collection</var>></code></td>\n    <td>\n      <p>The package to be added.</p>\n\n      \n    </td>\n    <td><code class=\"cli-option-syntax no-auto-link\">string</code></td>\n  </tr>\n  \n  </tbody>\n</table>\n\n\n    \n\n<h2 class=\"no-anchor\" id=\"options\">Options</h2>\n<table class=\"is-full-width list-table property-table\">\n  <thead>\n    <tr>\n      <th width=\"15%\">Option</th>\n      <th width=\"40%\">Description</th>\n      <th>Value Type</th>\n      <th>Default Value</th>\n      </tr>\n  </thead>\n  <tbody>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--defaults</code>\n      </td>\n      <td>\n        \n        <p>Disable interactive input prompts for options with a default.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">boolean</code></td>\n      <td></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--help</code>\n      </td>\n      <td>\n        \n        <p>Shows a help message for this command in the console.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">true|false|json|JSON</code></td>\n      <td><code class=\"no-auto-link\">false</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--interactive</code>\n      </td>\n      <td>\n        \n        <p>Enable interactive input prompts.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">boolean</code></td>\n      <td></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--registry</code>\n      </td>\n      <td>\n        \n        <p>The NPM registry to use.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--skip-confirmation</code>\n      </td>\n      <td>\n        \n        <p>Skip asking a confirmation prompt before installing and executing the package. Ensure package name is correct prior to using this option.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">boolean</code></td>\n      <td><code class=\"no-auto-link\">false</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--verbose</code>\n      </td>\n      <td>\n        \n        <p>Display additional details about internal operations during execution.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">boolean</code></td>\n      <td><code class=\"no-auto-link\">false</code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n    \n  </div>\n</article>\n\n<!-- links to this doc:\n - cli\n - guide/glossary\n - guide/npm-packages\n-->\n<!-- links from this doc:\n - cli\n - cli/add#ng-add\n - https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/add.json?message=docs(...)%3A%20describe%20your%20change...\n - https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/add.md?message=docs%3A%20describe%20your%20change...\n - https://github.com/angular/angular-cli/tree/v12.0.0-next.7/packages/angular/cli/commands/add.json\n - https://github.com/angular/angular-cli/tree/v12.0.0-next.7/packages/angular/cli/commands/add.md\n-->"
}