Skip to content

Commit 3c1695e

Browse files
Jason HendeethePunderWoman
authored andcommitted
docs: make tutorial instructions consistent (angular#45372)
When starting this tutorial, it's not clear to the user whether they should add routing right away, Etc. The other tutorials within the routing section do a better job of this. Also.. the suggested name of this sample app clashes with that of a previous tutorial, forcing the user to either delete the previous tutorial files, choose a different name for this tutorial's app, or place this app in a different parent directory. Conflicts: aio/content/guide/router-tutorial-toh.md PR Close angular#45372
1 parent 8d7351d commit 3c1695e

File tree

1 file changed

+24
-6
lines changed

1 file changed

+24
-6
lines changed

aio/content/guide/router-tutorial-toh.md

Lines changed: 24 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -128,13 +128,31 @@ Begin with a basic version of the application that navigates between two empty v
128128

129129
<a id="import"></a>
130130

131-
Generate a sample application with the Angular CLI.
131+
### Create a sample application
132132

133-
<code-example format="shell" language="shell">
133+
1. Create a new Angular project, _angular-router-tour-of-heroes_.
134134

135-
ng new angular-router-sample
135+
<code-example format="shell" language="shell">
136+
ng new angular-router-tour-of-heroes
137+
</code-example>
136138

137-
</code-example>
139+
When prompted with `Would you like to add Angular routing?`, select `N`.
140+
141+
When prompted with `Which stylesheet format would you like to use?`, select `CSS`.
142+
143+
After a few moments, a new project, `angular-router-tour-of-heroes`, is ready.
144+
145+
1. From your terminal, navigate to the `angular-router-tour-of-heroes` directory.
146+
147+
1. Verify that your new application runs as expected by running the `ng serve` command.
148+
149+
<code-example language="sh">
150+
ng serve
151+
</code-example>
152+
153+
1. Open a browser to `http://localhost:4200`.
154+
155+
You should see the application running in your browser.
138156

139157
### Define Routes
140158

@@ -336,7 +354,7 @@ The starter application's structure looks like this:
336354

337355
<div class="filetree">
338356
<div class="file">
339-
angular-router-sample
357+
angular-router-tour-of-heroes
340358
</div>
341359
<div class="children">
342360
<div class="file">
@@ -1082,7 +1100,7 @@ After these changes, the folder structure is as follows:
10821100

10831101
<div class="filetree">
10841102
<div class="file">
1085-
angular-router-sample
1103+
angular-router-tour-of-heroes
10861104
</div>
10871105
<div class="children">
10881106
<div class="file">

0 commit comments

Comments
 (0)