Skip to content

Commit

Permalink
docs: add reference to ng add in tutorial and quick reference (#23130)
Browse files Browse the repository at this point in the history
PR Close #23130
  • Loading branch information
jenniferfell authored and alxhub committed Apr 3, 2018
1 parent 55c9fb2 commit a4bf562
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 6 deletions.
16 changes: 10 additions & 6 deletions aio/content/guide/quickstart.md
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -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">
Expand All @@ -69,19 +69,23 @@ 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">


<div class="l-sub-section">

Patience, please.
It takes time to set up a new project; most of it is spent installing npm packages.


</div>
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
Expand Down
14 changes: 14 additions & 0 deletions aio/content/tutorial/toh-pt0.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down

0 comments on commit a4bf562

Please sign in to comment.