You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-1/01-orientation.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -233,19 +233,19 @@ We'll learn about the purposes of these files and folders as we go. For now, jus
233
233
234
234
## Starting and Stopping the Development Server
235
235
236
-
Ember CLI comes with a lot of different commands for a variety of development tasks, such as the `ember new` command that we saw earlier. It also comes with a *development server*, which we can launch with the `ember serve` command:
236
+
Ember CLI comes with a lot of different commands for a variety of development tasks, such as the `ember new` command that we saw earlier. It also comes with a *development server*, which we can launch within the project with the `npm start` command:
237
237
238
238
```run:server:start cwd=super-rentals expect="Serving on http://localhost:4200/"
The development server is responsible for compiling our app and serving it to the browsers. It may take a while to boot up. Once it's up and running, open your favorite browser and head to <http://localhost:4200>. You should see the following welcome page:
> The `localhost` address in the URL means that you can only access the development server from your local machine. If you would like to share your work with the world, you will have to *[deploy](https://cli.emberjs.com/release/basic-use/deploying/)* your app to the public Internet. We'll cover how to do that in Part 2 of the tutorial.
260
260
261
-
You can exit out of the development server at any time by typing `Ctrl + C` into the terminal window where `ember serve` is running. That is, typing the "C" key on your keyboard *while* holding down the "Ctrl" key at the same time. Once it has stopped, you can start it back up again with the same `ember server` command. We recommend having two terminal windows open: one to run the server in background, another to type other Ember CLI commands.
261
+
You can exit out of the development server at any time by typing `Ctrl + C` into the terminal window where `npm start` is running. That is, typing the "C" key on your keyboard *while* holding down the "Ctrl" key at the same time. Once it has stopped, you can start it back up again with the same `npm start` command. We recommend having two terminal windows open: one to run the server in background, another to type other Ember CLI commands.
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-1/02-building-pages.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, you will build the first few pages of your Ember app and set up links between them. By the end of this chapter, you should have two new pages – an about page and a contact page. These pages will be linked to from your landing page:
@@ -192,7 +192,7 @@ We will learn more about how all of this works soon. In the meantime, go ahead a
192
192
Congratulations, you are well on your way to becoming a master page-crafter!
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-1/03-automated-testing.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, you will use Ember's built-in testing framework to write some automated tests for your app. By the end of this chapter, we will have an automated test suite that we can run to ensure our app is working correctly:
@@ -192,7 +192,7 @@ For the rest of the tutorial, we will continue to add more automated tests as we
192
192
If you are in a hurry, you can skip over the testing sections in this tutorial and still be able to follow along with everything else. But don't you find it super satisfying—*oddly satisfying*—to watch a robot click on things really, really fast?
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-1/04-component-basics.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, you will *[refactor](../../../components/introducing-components/#toc_breaking-it-into-pieces)* your existing templates to use components. We will also be adding a site-wide navigation bar:
You can stop the server by finding the terminal window where `ember serve` is running, then type `Ctrl + C`. That is, typing the "C" key on your keyboard *while* holding down the "Ctrl" key at the same time. Once it has stopped, you can start it back up again with the same `ember server` command.
63
+
You can stop the server by finding the terminal window where `npm start` is running, then type `Ctrl + C`. That is, typing the "C" key on your keyboard *while* holding down the "Ctrl" key at the same time. Once it has stopped, you can start it back up again with the same `npm start` command.
64
64
65
65
```run:server:start cwd=super-rentals expect="Serving on http://localhost:4200/"
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-1/08-working-with-data.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, we will remove the hard-coded data from our `<Rental>` component. By the end, your app would finally be displaying real data that came from the server:
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-2/11-ember-data.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, we will work on removing some code duplication in our route handlers, by switching to using EmberData to manage our data. The end result looks exactly the same as before:
@@ -327,7 +327,7 @@ wait .rental.detailed
327
327
EmberData offers many, many features (like managing the *relationships* between different models) and there's a lot more we can learn about it. For example, if your backend's have some inconsistencies across different endpoints, EmberData allows you to define more specific, per-model adapters and serializers too! We are just scratching the surface here. If you want to learn more about EmberData, check out [its own dedicated section](../../../models/) in the guides!
Copy file name to clipboardexpand all lines: src/markdown/tutorial/part-2/12-provider-components.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
<!--lint disable no-undefined-references-->
2
2
3
3
```run:server:start hidden=true cwd=super-rentals expect="Serving on http://localhost:4200/"
4
-
ember serve
4
+
npm start
5
5
```
6
6
7
7
In this chapter, we'll work on adding a new search feature, and refactor our `index.hbs` template into a new component along the way. We'll learn about a new pattern for passing data around between components, too! Once we're done, our page will look like this:
0 commit comments