-{"id":"cli/add","title":"ng add","contents":"\n<article>\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 ng-should-translate=\"\" 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 <p>Adds support for an external library to your project.</p>\n\n \n<code-example hidecopy=\"true\" class=\"api-heading no-auto-link\">\n ng <span class=\"cli-name\">add</span> <<var>collection</var>>\n</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/ng-docs/angular-cn/edit/cn/packages/angular/cli/src/commands/add/long-description.md?message=docs%3A%20请简述你的修改...\" aria-label=\"提供编辑建议\" title=\"提供编辑建议\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/ng-docs/angular-cn/tree/refs/heads/main/packages/angular/cli/src/commands/add/long-description.md\" aria-label=\"查看源码\" title=\"查看源码\"><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 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\n \n\n \n\n \n\n<h2 class=\"no-anchor\" id=\"arguments\">参数</h2>\n<table class=\"is-full-width list-table property-table\">\n <thead>\n <tr>\n <th style=\"width:15%\">参数</th>\n <th style=\"width:40%\">说明</th>\n <th>值类型</th>\n </tr>\n </thead>\n <tbody>\n \n <tr class=\"cli-option\">\n <td><code class=\"cli-option-syntax no-auto-link\">collection</code></td>\n <td>\n <p>要添加的包。</p>\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\">选项</h2>\n<table class=\"is-full-width list-table property-table\">\n <thead>\n <tr>\n <th style=\"width:15%\">选项</th>\n <th style=\"width:40%\">说明</th>\n <th>值类型</th>\n <th>默认值</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>对有默认值的选项禁用交互式输入提示。</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\">--dry-run</code>\n </td>\n <td>\n \n <p>运行一遍并汇报其活动轨迹，但不真的写入任何结果。</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\">--force</code>\n </td>\n <td>\n \n <p>强制覆盖现存文件。</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\">--help</code>\n </td>\n <td>\n \n <p>在控制台显示关于本命令的帮助信息。</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\">--interactive</code>\n </td>\n <td>\n \n <p>启用交互式输入提示。</p>\n\n \n </td>\n <td><code class=\"no-auto-link\">boolean</code></td>\n <td><code class=\"no-auto-link\">true</code></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>要使用的 NPM registry。</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>在安装和执行包之前跳过询问确认提示。在使用此选项之前，请确保包名称是正确的。</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>在执行期间显示内部操作的详细信息。</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/i18n-common-add-package\n - guide/npm-packages\n-->\n<!-- links from this doc:\n - cli\n - cli/add#ng-add\n - https://github.com/ng-docs/angular-cn/edit/cn/packages/angular/cli/src/commands/add/long-description.md?message=docs%3A%20请简述你的修改...\n - https://github.com/ng-docs/angular-cn/tree/refs/heads/main/packages/angular/cli/src/commands/add/long-description.md\n-->"}
0 commit comments