Original subtitles

0 I will not use the Android Studio editor. though you can absolutely do that, 1

there's nothing wrong with it, 2

it's a fully fledged IDE, 3

with the Flutter plug-in you can work in it and if you want to use it you can follow along for the entire 4

course with that IDE without problems. I'll quit it though, 5

because I have another IDE which I like more and that's Visual Studio Code. 6

You install it from code.visualstudio.com and it's a free IDE just like Android Studio. 7

It should automatically present you the right download option for Mac and you can simply, well, download 8

it then. 9

And once you did download it, you will have a file that you can execute and which will walk you through the 10

installer. The installation should be pretty straightforward, 11

there's nothing special on it or nothing tricky on it. 12

Once you did install Visual Studio you can open it, run it and then in the starting screen simply choose 13

open folder or choose File, Open to open your Flutter project. 14

So that is what I'll do. 15

Open that first app folder and this will now open Flutter in, 16

well, that IDE. 17

Now I will actually use 18

this IDE and also this look of the IDE which is the Dark theme. 19

You can change the look under Code, Preferences, Color Themes. But I will install some extra extensions 20

to make working with Flutter a bit more pleasant. And that extension can be added by going to view, extensions 21

or using that shortcut, or using that sidebar, 22

You will probably see here on the left. 23

Extensions are simply add ons to Visual Studio Code which let's us enhanced the coding experience. 24

And there you should simply search for Flutter to find the official Flutter plugin or extension. Click 25

install there and this will also install the Dart extension as a dependency. 26

Once you did install it you can hit reload to reload 27

Visual Studio Code with that extension added. 28

There's one extra extension I will use throughout the course which is totally optional and that's the Material 29

Icon Theme. 30

No that's not related to Flutter, 31

it just makes the Icons look nicer. 32

I already got it installed, 33

you can install it from this page and once you did install that but more important the Flutter one, you 34

can switch back to the Explorer here with that shortcut or by clicking in the menu and you're back in 35

your project structure. And now you're well prepared to work with Flutter. And for example here in our 36

main.dart file we can manipulate our first app. For example by going down to the increment counter 37

method here and changing that counter ++ thing to counter equals counter +2. 38

This should now increase the counter by 2 on every click. 39

Now the very cool thing is you can hit save here and then go back to your command prompt where you ran 40

flutter run and simply hit r with that flutter run process running so don't quit it. 41

Hit r whilst it is running and it will hot reload your Flutter app which means it will reload on 42

the fly on the emulator without the need to rebuild it. 43

If that gets stuck somehow you can press shift R for a full rebuild and reload. 44

Still with that process running. 45

So let's go back to our app and it looks like nothing changed. 46

We even have the old counter. But if we click the plus now it increases by 2. 47

And that's already showing how cool it is to work with Flutter and how easy this to develop with it 48

with that hot reloading. And this also is the set up I will use for all the course and I will teach you 49

all about Flutter, Dart and some tricks with the IDE for throughout this course. 50

Now lets see how that works for Windows or if that doesn't matter to you because you are using Mac only. 51

Let's continue with the course and dive deeper into Flutter.