{
  "id": "cli/generate",
  "title": "ng generate",
  "contents": "\n<article>\n  <div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/generate.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/generate.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/generate\", \"name\": \"generate\" } }\n      ]\n    }\n  </script>\n    <a href=\"cli\">CLI</a>\n</div>\n\n  \n<header class=\"cli-header\">\n  <h1 id=\"ng-generate\">ng generate<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#ng-generate\"><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>Generates and/or modifies files based on a schematic.</p>\n\n    \n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng <span class=\"cli-name\">generate</span> &#x3C;<var>schematic</var>> [<var>options</var>]</code-example>\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng <span class=\"cli-name\">g</span> &#x3C;<var>schematic</var>> [<var>options</var>]</code-example>\n\n\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>schematic</var>></code></td>\n    <td>\n      <p>The schematic or collection:schematic to generate.</p>\n\n      <p>This option can take one of the following <a href=\"cli/generate#schematic-commands\">sub-commands</a>:</p><p>\n      </p><ul>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#app-shell-command\">app-shell</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#application-command\">application</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#class-command\">class</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#component-command\">component</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#directive-command\">directive</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#enum-command\">enum</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#guard-command\">guard</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#interceptor-command\">interceptor</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#interface-command\">interface</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#library-command\">library</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#module-command\">module</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#pipe-command\">pipe</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#resolver-command\">resolver</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#service-command\">service</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#service-worker-command\">service-worker</a></code></li>\n        \n        <li><code class=\"no-auto-link\"><a class=\"code-anchor\" href=\"cli/generate#web-worker-command\">web-worker</a></code></li>\n        \n      </ul>\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\">--dry-run</code>\n      </td>\n      <td>\n        \n        <p>Run through and reports activity without writing out results.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -d</p>\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>Force overwriting of existing files.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -f</p>\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>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  </tbody>\n</table>\n\n\n    \n<h2 id=\"schematic-commands\"><a id=\"schematic-commands\"></a>Schematic commands<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#schematic-commands\"><i class=\"material-icons\">link</i></a></h2>\n\n<h3 id=\"app-shell\"><code class=\"no-auto-link\"><a id=\"app-shell-command\"></a>app-shell</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#app-shell\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">app-shell</span> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">app-shell</span> [<var>options</var>]</code-example>\n\n\n\n<p>Generates an app shell for running a server-side version of an app.</p>\n\n\n\n\n\n\n\n<h4 class=\"no-anchor\" id=\"options-1\">Options</h4>\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\">--app-dir</code>\n      </td>\n      <td>\n        \n        <p>The name of the application directory.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">app</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--app-id</code>\n      </td>\n      <td>\n        \n        <p>The app ID to use in withServerTransition().</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">serverApp</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--client-project</code>\n      </td>\n      <td>\n        \n        <p>The name of the related client app.</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\">--main</code>\n      </td>\n      <td>\n        \n        <p>The name of the main entry-point file.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">main.server.ts</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--root-module-class-name</code>\n      </td>\n      <td>\n        \n        <p>The name of the root module class.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">AppServerModule</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--root-module-file-name</code>\n      </td>\n      <td>\n        \n        <p>The name of the root module file</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">app.server.module.ts</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--route</code>\n      </td>\n      <td>\n        \n        <p>Route path used to produce the app shell.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">shell</code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"application\"><code class=\"no-auto-link\"><a id=\"application-command\"></a>application</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#application\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">application</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">application</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Generates a new basic app definition in the \"projects\" subfolder of the workspace.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-1\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the new app.</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<h4 class=\"no-anchor\" id=\"options-2\">Options</h4>\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\">--inline-style</code>\n      </td>\n      <td>\n        \n        <p>Include styles inline in the root component.ts file. Only CSS styles can be included inline. Default is false, meaning that an external styles file is created and referenced in the root component.ts file.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -s</p>\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\">--inline-template</code>\n      </td>\n      <td>\n        \n        <p>Include template inline in the root component.ts file. Default is false, meaning that an external template file is created and referenced in the root component.ts file. </p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -t</p>\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 deprecated-api-item\">--legacy-browsers</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Legacy browsers support is deprecated since version 12. For more information, see <a href=\"https://angular.io/guide/browser-support\">https://angular.io/guide/browser-support</a></p>\n\n          \n        \n        <p>Add support for legacy browsers like Internet Explorer using differential loading.</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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the application.</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\">--minimal</code>\n      </td>\n      <td>\n        \n        <p>Create a bare-bones project without any testing frameworks. (Use for learning purposes only.)</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\">--prefix</code>\n      </td>\n      <td>\n        \n        <p>A prefix to apply to generated selectors.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -p</p>\n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">app</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--routing</code>\n      </td>\n      <td>\n        \n        <p>Create a routing NgModule.</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\">--skip-install</code>\n      </td>\n      <td>\n        \n        <p>Skip installing dependency packages.</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\">--skip-package-json</code>\n      </td>\n      <td>\n        \n        <p>Do not add dependencies to the \"package.json\" file.</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\">--skip-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the application.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -S</p>\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\">--strict</code>\n      </td>\n      <td>\n        \n        <p>Creates an application with stricter bundle budgets settings.</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\">--style</code>\n      </td>\n      <td>\n        \n        <p>The file extension or preprocessor to use for style files.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">css|scss|sass|less|styl</code></td>\n      <td><code class=\"no-auto-link\">css</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--view-encapsulation</code>\n      </td>\n      <td>\n        \n        <p>The view encapsulation strategy to use in the new app.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">Emulated|None|ShadowDom</code></td>\n      <td></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"class\"><code class=\"no-auto-link\"><a id=\"class-command\"></a>class</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#class\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">class</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">class</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic class definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-2\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the new class.</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<h4 class=\"no-anchor\" id=\"options-3\">Options</h4>\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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the class.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new class.</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\">--type</code>\n      </td>\n      <td>\n        \n        <p>Adds a developer-defined type to the filename, in the format \"name.type.ts\".</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\"></code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"component\"><code class=\"no-auto-link\"><a id=\"component-command\"></a>component</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#component\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">component</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">component</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic component definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-3\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the component.</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<h4 class=\"no-anchor\" id=\"options-4\">Options</h4>\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\">--change-detection</code>\n      </td>\n      <td>\n        \n        <p>The change detection strategy to use in the new component.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -c</p>\n      </td>\n      <td><code class=\"no-auto-link\">Default|OnPush</code></td>\n      <td><code class=\"no-auto-link\">Default</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--display-block</code>\n      </td>\n      <td>\n        \n        <p>Specifies if the style will contain <code>:host { display: block; }</code>.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -b</p>\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\">--export</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule exports this component.</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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>Create the new files at the top level of the current project.</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\">--inline-style</code>\n      </td>\n      <td>\n        \n        <p>Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -s</p>\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\">--inline-template</code>\n      </td>\n      <td>\n        \n        <p>Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -t</p>\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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the component.</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\">--module</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -m</p>\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\">--prefix</code>\n      </td>\n      <td>\n        \n        <p>The prefix to apply to the generated component selector.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -p</p>\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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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\">--selector</code>\n      </td>\n      <td>\n        \n        <p>The HTML selector to use for this component.</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-import</code>\n      </td>\n      <td>\n        \n        <p>Do not import this component into the owning NgModule.</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\">--skip-selector</code>\n      </td>\n      <td>\n        \n        <p>Specifies if the component should have a selector or not.</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\">--skip-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new component.</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\">--style</code>\n      </td>\n      <td>\n        \n        <p>The file extension or preprocessor to use for style files.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">css|scss|sass|less|styl</code></td>\n      <td><code class=\"no-auto-link\">css</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--type</code>\n      </td>\n      <td>\n        \n        <p>Adds a developer-defined type to the filename, in the format \"name.type.ts\".</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">Component</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--view-encapsulation</code>\n      </td>\n      <td>\n        \n        <p>The view encapsulation strategy to use in the new component.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -v</p>\n      </td>\n      <td><code class=\"no-auto-link\">Emulated|None|ShadowDom</code></td>\n      <td></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"directive\"><code class=\"no-auto-link\"><a id=\"directive-command\"></a>directive</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#directive\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">directive</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">directive</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic directive definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-4\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the new directive.</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<h4 class=\"no-anchor\" id=\"options-5\">Options</h4>\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\">--export</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule exports this directive.</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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default), creates the new files at the top level of the current project.</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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the directive.</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\">--module</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -m</p>\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\">--prefix</code>\n      </td>\n      <td>\n        \n        <p>A prefix to apply to generated selectors.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -p</p>\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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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\">--selector</code>\n      </td>\n      <td>\n        \n        <p>The HTML selector to use for this directive.</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-import</code>\n      </td>\n      <td>\n        \n        <p>Do not import this directive into the owning NgModule.</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\">--skip-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new class.</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<h3 id=\"enum\"><code class=\"no-auto-link\"><a id=\"enum-command\"></a>enum</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#enum\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">enum</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">enum</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Generates a new, generic enum definition for the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-5\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the enum.</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<h4 class=\"no-anchor\" id=\"options-6\">Options</h4>\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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the enum.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project in which to create the enum. Default is the configured default project for the workspace.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"guard\"><code class=\"no-auto-link\"><a id=\"guard-command\"></a>guard</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#guard\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">guard</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">guard</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Generates a new, generic route guard definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-6\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the new route guard.</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<h4 class=\"no-anchor\" id=\"options-7\">Options</h4>\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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default), creates the new files at the top level of the current project.</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\">--implements</code>\n      </td>\n      <td>\n        \n        <p>Specifies which interfaces to implement.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">array</code></td>\n      <td></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the guard.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new guard.</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<h3 id=\"interceptor\"><code class=\"no-auto-link\"><a id=\"interceptor-command\"></a>interceptor</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#interceptor\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">interceptor</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">interceptor</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new, generic interceptor definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-7\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the interceptor.</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<h4 class=\"no-anchor\" id=\"options-8\">Options</h4>\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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default), creates files at the top level of the project.</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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the interceptor.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new interceptor.</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<h3 id=\"interface\"><code class=\"no-auto-link\"><a id=\"interface-command\"></a>interface</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#interface\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">interface</span> &#x3C;<var>name</var>> &#x3C;<var>type</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">interface</span> &#x3C;<var>name</var>> &#x3C;<var>type</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic interface definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-8\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the interface.</p>\n\n      \n    </td>\n    <td><code class=\"cli-option-syntax no-auto-link\">string</code></td>\n  </tr>\n  \n  <tr class=\"cli-option\">\n    <td><code class=\"cli-option-syntax no-auto-link\">&#x3C;<var>type</var>></code></td>\n    <td>\n      <p>Adds a developer-defined type to the filename, in the format \"name.type.ts\".</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<h4 class=\"no-anchor\" id=\"options-9\">Options</h4>\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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the interface.</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\">--prefix</code>\n      </td>\n      <td>\n        \n        <p>A prefix to apply to generated selectors.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\"></code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"library\"><code class=\"no-auto-link\"><a id=\"library-command\"></a>library</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#library\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">library</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">library</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic library project in the current workspace.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-9\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the library.</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<h4 class=\"no-anchor\" id=\"options-10\">Options</h4>\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\">--entry-file</code>\n      </td>\n      <td>\n        \n        <p>The path at which to create the library's public API file, relative to the workspace root.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">public-api</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the library.</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\">--prefix</code>\n      </td>\n      <td>\n        \n        <p>A prefix to apply to generated selectors.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -p</p>\n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">lib</code></td>\n    </tr>\n  \n    <tr class=\"cli-option\">\n      <td>\n        <code class=\"cli-option-syntax no-auto-link\">--skip-install</code>\n      </td>\n      <td>\n        \n        <p>Do not install dependency packages.</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\">--skip-package-json</code>\n      </td>\n      <td>\n        \n        <p>Do not add dependencies to the \"package.json\" file. </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\">--skip-ts-config</code>\n      </td>\n      <td>\n        \n        <p>Do not update \"tsconfig.json\" to add a path mapping for the new library. The path mapping is needed to use the library in an app, but can be disabled here to simplify development.</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<h3 id=\"module\"><code class=\"no-auto-link\"><a id=\"module-command\"></a>module</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#module\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">module</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">module</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic NgModule definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-10\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the NgModule.</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<h4 class=\"no-anchor\" id=\"options-11\">Options</h4>\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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>Create the new files at the top level of the current project root. </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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the module.</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\">--module</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -m</p>\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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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\">--route</code>\n      </td>\n      <td>\n        \n        <p>The route path for a lazy-loaded module. When supplied, creates a component in the new module, and adds the route to that component in the <code><a href=\"api/router/Routes\" class=\"code-anchor\">Routes</a></code> array declared in the module provided in the <code>--module</code> option.</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\">--routing</code>\n      </td>\n      <td>\n        \n        <p>Create a routing module.</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\">--routing-scope</code>\n      </td>\n      <td>\n        \n        <p>The scope for the new routing module.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">Child|Root</code></td>\n      <td><code class=\"no-auto-link\">Child</code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"pipe\"><code class=\"no-auto-link\"><a id=\"pipe-command\"></a>pipe</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#pipe\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">pipe</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">pipe</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic pipe definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-11\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the pipe.</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<h4 class=\"no-anchor\" id=\"options-12\">Options</h4>\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\">--export</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule exports this pipe.</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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default) creates files at the top level of the project.</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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the pipe.</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\">--module</code>\n      </td>\n      <td>\n        \n        <p>The declaring NgModule.</p>\n\n        <p><span class=\"cli-aliases\">Aliases:</span> -m</p>\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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-import</code>\n      </td>\n      <td>\n        \n        <p>Do not import this pipe into the owning NgModule.</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\">--skip-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new pipe.</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<h3 id=\"resolver\"><code class=\"no-auto-link\"><a id=\"resolver-command\"></a>resolver</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#resolver\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">resolver</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">resolver</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Generates a new, generic resolver definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-12\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the new resolver.</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<h4 class=\"no-anchor\" id=\"options-13\">Options</h4>\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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default), creates the new files at the top level of the current project.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new resolver.</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<h3 id=\"service\"><code class=\"no-auto-link\"><a id=\"service-command\"></a>service</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#service\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">service</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">service</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new, generic service definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-13\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the service.</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<h4 class=\"no-anchor\" id=\"options-14\">Options</h4>\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\">--flat</code>\n      </td>\n      <td>\n        \n        <p>When true (the default), creates files at the top level of the project.</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 deprecated-api-item\">--lint-fix</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> Use \"ng lint --fix\" directly instead.</p>\n\n          \n        \n        <p>Apply lint fixes after generating the service.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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-tests</code>\n      </td>\n      <td>\n        \n        <p>Do not create \"spec.ts\" test files for the new service.</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<h3 id=\"service-worker\"><code class=\"no-auto-link\"><a id=\"service-worker-command\"></a>service-worker</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#service-worker\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">service-worker</span> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">service-worker</span> [<var>options</var>]</code-example>\n\n\n\n<p>Pass this schematic to the \"run\" command to create a service worker</p>\n\n\n\n\n\n\n\n<h4 class=\"no-anchor\" id=\"options-15\">Options</h4>\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 deprecated-api-item\">--configuration</code>\n      </td>\n      <td>\n        \n          \n            <p><strong>Deprecated:</strong> No longer has an effect.</p>\n\n          \n        \n        <p>The configuration to apply service worker to.</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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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\">--target</code>\n      </td>\n      <td>\n        \n        <p>The target to apply service worker to.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">build</code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n<h3 id=\"web-worker\"><code class=\"no-auto-link\"><a id=\"web-worker-command\"></a>web-worker</code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"cli/generate#web-worker\"><i class=\"material-icons\">link</i></a></h3>\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng generate <span class=\"cli-name\">web-worker</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n\n<code-example hidecopy=\"true\" class=\"no-box api-heading no-auto-link\">ng g <span class=\"cli-name\">web-worker</span> &#x3C;<var>name</var>> [<var>options</var>]</code-example>\n\n\n\n<p>Creates a new generic web worker definition in the given or default project.</p>\n\n\n\n\n<h4 class=\"no-anchor\" id=\"arguments-14\">Arguments</h4>\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>name</var>></code></td>\n    <td>\n      <p>The name of the worker.</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<h4 class=\"no-anchor\" id=\"options-16\">Options</h4>\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\">--project</code>\n      </td>\n      <td>\n        \n        <p>The name of the project.</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\">--snippet</code>\n      </td>\n      <td>\n        \n        <p>Add a worker creation snippet in a sibling file of the same name.</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\">--target</code>\n      </td>\n      <td>\n        \n        <p>The target to apply web worker to.</p>\n\n        \n      </td>\n      <td><code class=\"no-auto-link\">string</code></td>\n      <td><code class=\"no-auto-link\">build</code></td>\n    </tr>\n  \n  </tbody>\n</table>\n\n\n\n\n  </div>\n</article>\n\n<!-- links to this doc:\n - cli\n - guide/architecture-services\n - guide/attribute-directives\n - guide/component-overview\n - guide/component-styles\n - guide/glossary\n - guide/npm-packages\n - guide/pipes\n - guide/providers\n - guide/router-tutorial-toh\n - guide/what-is-angular\n-->\n<!-- links from this doc:\n - api/router/Routes\n - cli\n - cli/generate#app-shell\n - cli/generate#app-shell-command\n - cli/generate#application\n - cli/generate#application-command\n - cli/generate#class\n - cli/generate#class-command\n - cli/generate#component\n - cli/generate#component-command\n - cli/generate#directive\n - cli/generate#directive-command\n - cli/generate#enum\n - cli/generate#enum-command\n - cli/generate#guard\n - cli/generate#guard-command\n - cli/generate#interceptor\n - cli/generate#interceptor-command\n - cli/generate#interface\n - cli/generate#interface-command\n - cli/generate#library\n - cli/generate#library-command\n - cli/generate#module\n - cli/generate#module-command\n - cli/generate#ng-generate\n - cli/generate#pipe\n - cli/generate#pipe-command\n - cli/generate#resolver\n - cli/generate#resolver-command\n - cli/generate#schematic-commands\n - cli/generate#service\n - cli/generate#service-command\n - cli/generate#service-worker\n - cli/generate#service-worker-command\n - cli/generate#web-worker\n - cli/generate#web-worker-command\n - https://angular.io/guide/browser-support\n - https://github.com/angular/angular-cli/edit/master/packages/angular/cli/commands/generate.json?message=docs(...)%3A%20describe%20your%20change...\n - https://github.com/angular/angular-cli/tree/v12.0.0-next.7/packages/angular/cli/commands/generate.json\n-->"
}