docs: add reference to ng add in tutorial and quick reference (#23130)

PR Close #23130
This commit is contained in:
jenniferfell 2018-03-30 15:02:03 -06:00 committed by Alex Rickabaugh
parent 55c9fb298f
commit a4bf5621ed
2 changed files with 24 additions and 6 deletions

View File

@ -40,7 +40,7 @@ Older versions produce errors, but newer versions are fine.
Then **install the [Angular CLI](https://github.com/angular/angular-cli)** globally.
Then install the [Angular CLI](https://github.com/angular/angular-cli) globally.
<code-example language="sh" class="code-shell">
@ -60,7 +60,7 @@ Then **install the [Angular CLI](https://github.com/angular/angular-cli)** globa
Open a terminal window.
Generate a new project and skeleton application by running the following commands:
Generate a new project and default app by running the following command:
<code-example language="sh" class="code-shell">
@ -69,20 +69,24 @@ Generate a new project and skeleton application by running the following command
</code-example>
The Angular CLI installs the necessary npm packages, creates the project files, and populates the project with a simple default app. This can take some time.
<div class="l-sub-section">
Patience, please.
It takes time to set up a new project; most of it is spent installing npm packages.
You can add pre-packaged functionality to a new project by using the `ng add` command. The `ng add` command transforms a project by applying the schematics in the specified package.
For more information, see the [Angular CLI documentation.](https://github.com/angular/angular-cli/wiki/add "Angular CLI documentation")
Angular Material provides schematics for typical app layouts.
See the [Angular Material documentation](https://material.angular.io/guides "Angular Material documentation") for details.
</div>
<h2 id='serve'>
Step 3: Serve the application
</h2>

View File

@ -18,6 +18,20 @@ Create a new project named `angular-tour-of-heroes` with this CLI command.
The Angular CLI generated a new project with a default application and supporting files.
<div class="l-sub-section">
You can add pre-packaged functionality to a new project by using the `ng add` command. The `ng add` command transforms a project by applying the schematics in the specified package.
For more information, see the [Angular CLI documentation.](https://github.com/angular/angular-cli/wiki/add "Angular CLI documentation")
Angular Material provides schematics for typical app layouts.
See the [Angular Material documentation](https://material.angular.io/guides "Angular Material documentation") for details.
</div>
## Serve the application
Go to the project directory and launch the application.