Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
wants to merge 1 commit into from
Closed

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
16 changes: 10 additions & 6 deletions aio/content/guide/quickstart.md
View file
Open in desktop
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
View file
Open in desktop
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