From a4bf5621edd35056b08b574ec7b52e5767a81dc0 Mon Sep 17 00:00:00 2001 From: jenniferfell Date: Fri, 30 Mar 2018 15:02:03 -0600 Subject: [PATCH] docs: add reference to ng add in tutorial and quick reference (#23130) PR Close #23130 --- aio/content/guide/quickstart.md | 16 ++++++++++------ aio/content/tutorial/toh-pt0.md | 14 ++++++++++++++ 2 files changed, 24 insertions(+), 6 deletions(-) diff --git a/aio/content/guide/quickstart.md b/aio/content/guide/quickstart.md index a31b419927..87c6db6fd5 100644 --- a/aio/content/guide/quickstart.md +++ b/aio/content/guide/quickstart.md @@ -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. @@ -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: @@ -69,20 +69,24 @@ Generate a new project and skeleton application by running the following command +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. + +
-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.
- -

Step 3: Serve the application

diff --git a/aio/content/tutorial/toh-pt0.md b/aio/content/tutorial/toh-pt0.md index 61598a858d..ffee67949c 100644 --- a/aio/content/tutorial/toh-pt0.md +++ b/aio/content/tutorial/toh-pt0.md @@ -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. + +
+ + + +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. + +
+ + ## Serve the application Go to the project directory and launch the application.