Skip to content

Commit 6d3d4da

Browse files
committed
Simplify and shorten instructions
1 parent 423ed6d commit 6d3d4da

File tree

2 files changed

+33
-34
lines changed

2 files changed

+33
-34
lines changed

src/content/get-started/quick.md

Lines changed: 28 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
2-
title: Get started with Flutter
2+
title: Set up and test drive Flutter
33
short-title: Get started
4-
description: Get started developing your first app with Flutter!
4+
description: >-
5+
Set up Flutter on your device and
6+
get started developing your first multi-platform app with Flutter!
57
toc: false
68
showBanner: false
79
sitemap: false
@@ -249,18 +251,16 @@ it's time to create an app and try out Flutter development!
249251
1. Choose the **Application** template.
250252

251253
VS Code should prompt you with **Which Flutter template?**.
252-
Depending on what type of Flutter project you want to create,
253-
you'd choose the corresponding template.
254-
For a new Flutter app and the purposes of this walkthrough,
255-
choose **Application**, which scaffolds a simple, counting app.
254+
Choose **Application** to bootstrap a simple counter app.
256255

257256
1. Create or select the parent directory for your new app's folder.
258257

259-
A file dialog will appear.
260-
Select or create the parent directory where the project will be created.
261-
Don't create the project folder itself, the Flutter tool handles that.
262-
To confirm your selection,
263-
click **Select a folder to create the project in**.
258+
A file dialog should appear.
259+
260+
1. Select or create the parent directory where
261+
you want the project to be created.
262+
1. To confirm your selection,
263+
click **Select a folder to create the project in**.
264264

265265
1. Enter a name for your app.
266266

@@ -302,11 +302,10 @@ it's time to create an app and try out Flutter development!
302302
Go to **Run** <span aria-label="and then">></span>
303303
**Start Debugging** or press <kbd>F5</kbd>.
304304

305-
Your app will be built, then a new instance of Chrome should open and
305+
`flutter run` is used to build and start your app,
306+
then a new instance of Chrome should open and
306307
start running your newly created app.
307308

308-
You can also run your app from the terminal with the `flutter run` command.
309-
310309
1. <h3>Try hot reload</h3>
311310

312311
Flutter offers a fast development cycle with **stateful hot reload**,
@@ -318,9 +317,7 @@ it's time to create an app and try out Flutter development!
318317
then see the change in your running app.
319318

320319
1. In the running app, try adding to the counter a few times by
321-
clicking the
322-
![increment (+)](/assets/images/docs/get-started/increment-button.png){: .text-icon}
323-
button.
320+
clicking the ![increment (+)][increment-button]{: .text-icon} button.
324321

325322
1. With your app still running, make a change in the `lib/main.dart` file.
326323

@@ -337,16 +334,13 @@ it's time to create an app and try out Flutter development!
337334

338335
1. Save your changes
339336
(**File** <span aria-label="and then">></span> **Save All**) or
340-
click the **Hot Reload**
341-
![hot reload icon](/assets/images/docs/get-started/hot-reload.svg){: .text-icon}
342-
button.
337+
click the **Hot Reload** ![hot reload icon][]{: .text-icon} button.
343338

344-
Flutter will update the running app without losing any existing state.
339+
Flutter updates the running app without losing any existing state.
345340
Notice the existing value stayed the same.
346341

347342
1. Try clicking the
348-
![increment (+)](/assets/images/docs/get-started/increment-button.png){: .text-icon}
349-
button again.
343+
![increment (+)][increment-button]{: .text-icon} button again.
350344
Notice the value decreases instead of increases.
351345

352346
1. <h3>Explore the Flutter sidebar</h3>
@@ -363,18 +357,17 @@ it's time to create an app and try out Flutter development!
363357

364358
1. Open the Flutter sidebar in VS Code.
365359

366-
Either open it with the Flutter
367-
![Flutter logo](/assets/images/branding/flutter/logo/square.svg){: .text-icon}
368-
button in the VS Code sidebar or open it from the command palette by
360+
Either open it with the Flutter ![Flutter logo][]{: .text-icon} button in
361+
the VS Code sidebar or open it from the command palette by
369362
running the **Flutter: Focus on Flutter Sidebar View** command.
370363

371-
1. If your app isn't running still, start debugging it again.
364+
1. If your app isn't running, start debugging it again.
372365

373366
Go to **Run** <span aria-label="and then">></span>
374367
**Start Debugging** or press <kbd>F5</kbd>.
375368

376-
1. In the Flutter sidebar, under **DevTools**, click
377-
the **Flutter Inspector** button.
369+
1. In the Flutter sidebar, under **DevTools**,
370+
click the **Flutter Inspector** button.
378371

379372
A separate **Widget Inspector** panel should open in VS Code.
380373

@@ -387,10 +380,15 @@ it's time to create an app and try out Flutter development!
387380
the VS Code editor should navigate to and focus the line where
388381
the widget was included.
389382

390-
1. Try out other features in the widget inspector and Flutter sidebar.
383+
1. Explore and try out other features in
384+
the widget inspector and Flutter sidebar.
391385

392386
{:.steps}
393387

388+
[increment-button]: /assets/images/docs/get-started/increment-button.png
389+
[hot reload icon]: /assets/images/docs/get-started/hot-reload.svg
390+
[Flutter logo]: /assets/images/branding/flutter/logo/square.svg
391+
394392
## Continue your Flutter journey {: #next-steps}
395393

396394
**Congratulations!**

src/content/reference/create-new-app.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -103,9 +103,10 @@ Then follow these steps:
103103

104104
1. <h3>Select a project location</h3>
105105

106-
A file dialog will appear.
107-
Select or create the parent directory where the project will be created.
108-
Do not create the project folder itself, the Flutter tool will do so.
106+
A file dialog should appear.
107+
Select or create the parent directory where
108+
you want the project to be created.
109+
Don't create the project folder itself, the Flutter tool does so.
109110
To confirm your selection,
110111
click **Select a folder to create the project in**.
111112

@@ -119,7 +120,7 @@ Then follow these steps:
119120
1. <h3>Wait for project initialization</h3>
120121

121122
Based on the information you entered,
122-
VS Code will use `flutter create` to bootstrap your application.
123+
VS Code uses `flutter create` to bootstrap your app.
123124
Progress is often surfaced as a notification in the bottom right
124125
and can also be accessed from the **Output** panel.
125126

0 commit comments

Comments
 (0)