Setup On Windows

15 minutes
Share the link to this page
You will learn about setting up Flutter projects on Windows.


Hello in this video I am going to show you how to set up the flutter framework on Windows. If you're interested on Mac or Linux, feel free to check those videos. Okay, so the first thing you want to do is open up your web browser and literally Google flutter, I'll provide the links to everything that you will need and know. Okay, so now, go to flutter. io go to get started, go to install Windows, and from here, scroll down click this icon here. This will be supported on icon.

This will download the flutter SDK on a cancel it simply because I've already got it downloaded. Now, what you want to do is go to where you got to download it. So for me, it is in the download directory and you want to right click it and you want to extract all or extracted by seven zip codes click extract or click extract and click Save. So, again, I've already done it, it takes a bit of time. So I've just saved that time for the video. So this is what you will get.

And this folder that contains all these folders and files, that's what you want to copy. So if you copy that, go to your C drive, I'd recommend creating a folder called development and printing everything there. Do not put it in Program Files because program fall needs elevated permissions. And that can cause issues later right to go to development. In here, just paste it I've already done it again, just to save some time in the video, please just Ctrl C Ctrl B. And once you've pasted here, what we can actually do is run a you know a file from here and if we scroll down, go to the floater underscore console dot pass this is a batch file and this will allow us to run flutter commands.

But what I'm going to show you is how to add which is basically this, how to add the floater path to your computer so you can run it in any command prompt, because if I go on to command prompt, and I type in flutter, it will work because I've already set it up on the show you how to do this. And this allows me to, you know, actually use flutter in a regular command prompt instead of constantly having to go to this batch file, which is a lot better. And to do this really simple, just search for EMP go to edit the system environment variables and go to environment variables. And now go to path edit. Now from here, you want to add this so I'll remove it and show you what to do. You click New browse, go to wherever you've you know, pasted your flutter folder, go to flutter go to pain, okay, okay.

Click OK. And that is that part don't know if we was in the command prompt in the command prompt if we weren't lotter doctor. So this will tell us the situation with the overall flutter installation. So it's saying flutter installed correctly, because we got a load, tick this part and take a little bit of time for you, these two will probably have a Red Cross next to it, simply because we haven't installed the Android Studio in this video yet. But that's what the next step is. This doesn't really matter, unless you really want to use IntelliJ, which you need Android Studio anyway, so you need to do this setup, then install IntelliJ. But this isn't a requirement and we haven't got a device connected, you can plug one in, obviously make sure it's in development mode opinion.

Any questions? If you have any questions about that, feel free to pop me a message. Or you can use a simulator, the emulator, which is what we are going to be doing. Well, let me show you the Android Studio part. So what you Do now in Google Android Studio video. Again, I'll provide a link to all of this, go to the website.

Click Download, click Buy ready, click download. And again, I'm going to cancel it simply because I've already got it in, you know, downloaded, if you open it up your executable, which you know, you will have this downloaded and just wait for it to load up. Okay, so click yes when something like that pops up. And it's waiting for the Android Studio installation to launch up now. Any moment now. Okay, so I've already got installed so it's gonna talk about you know, install on installing previous version.

You're won't look like this could be a fresh setup, you just need to follow the regular steps. Just keep everything as the recommended amount, you can choose to install in a different directory, I chose to install it on my D drive, you can choose the default C drive if you want to, I chose chose D drive, because my C drive isn't, you know, doesn't have that much space. So install most of my software and gained on the D drive. But once you've done all of that, you will you'll take their time, they need to download stuff like the SDK while it's doing it. So again, just be patient. So once it's done that we're ready to actually launch Android Studio.

But before we launch up Android Studio, what we want to do is actually Natalie, now we'll launch up Android Studio, and we're now in Japan group studio. Just wait patiently, now I'm going to minimize this. This is opening up a previous application that I had all paths, close that. So go to File, New, your project will, you know, essentially dock something, I mean, the first time you launch it will look something slightly different to this, just because you'll get a new window and let me show you what that will look like. So if I close this down, I would delete this. But that is the project.

And if I launch Android Studio now this is what will look like. But you won't have this dot new flutter project yet. To do that you go to configure, go to Settings. And you what you want to do is go to plugins. You want to go to browse repositories Search for Nata, go for this regular one here. I've already got it installed.

But if you don't have this green button put in here, you click that. Anything that he asks you by installing the dot, you know, programming language, that's fine. Any other permission that needs is click Yes, once that's installed, it shouldn't take long but a minute or two maximum, you can click close, they will ask you to reboot the Android Studio. And just you know, click on that. And obviously, I'll just manually reboot it, go to Android Studio. And you will have lists, they fight click Start a new flutter project.

Start a new flutter project. Just do regular flutter application or you can put a specific name on flutter up to four o r plus flutter up. There we go. And this should automatically pick up the SDK path. If it doesn't click three dots, navigate to where we put it. Project location is where it will be saved.

Some desktop anchor default description, click Next. And PR company name, which is also known as a package name. You can generate a sample application not interested in that For this tutorial, you can put some extra platform languages. So if you want to do some native Android code in kotlin, you can awesome native iOS code in Swift, you can well, I'm just going to click Finish. This will create our flutter project. And if you know if any of the steps are a little faster for me, don't worry, it's most likely because I've already you know, gone through these, this setup process so certain things In the background have already occurred.

Therefore, certain steps might just be quicker for me, like quiet like quite a lot quicker. So just be patient. If it isn't as fast in mind, that's most likely why. Okay, so now you should have your Android SDK installed. So with the Android SDK installed, you would have come up during the installation when you first launch up Android Studio, saying no, which Android SDK Do you want, or you go for the recommended. Once you've done all of that, what you want to do, I recommend closing it down just to make sure you want to go back to the environment variables that go to end.

And you want to basically have this right here. So I delete it, go to new Android underscore home, click Browse directory, go to wherever you put your Android SDK, wherever you installed it. Points stored in white t apple. This is the folder you want. Click ok. Click ok. Click OK. Now if we launch up Android Studio and it's a launch pad application, we can create a new application if we want. Also, it's always good to have the command prompt open and just run that lat doctor to make sure the flutter installation is well you know, successfully set up Aleksey this set up these two for you should now be a tick if they are not feel free to know.

Let me know feel free to ask any question by any errors. It might say something that you haven't accepted the license. And if that's the case, it will actually give you the command literally here for accepting the license. Let's go through that. But this isn't required and we are going to setup a device, you can either plug one in, or you can set up the simulator, which is what I'm going to show you right now. To do that, we're going to go to this button here, which is the Add manager.

You can also go to it from tools, either one is fine. And I've already got two devices setup I'm gonna show you how to do from scratch, click Create Virtual Device. You can select phone TV doesn't really matter flat phone, and let's select. Yeah, let's just do another pixel two, that's fine. And we can just click Next. For the for hear.

You even do recommend it or go to x86 Have a look at any one that doesn't have this download button. That means it's already installed. If you want to know for one, maybe a new one or an old one, just click download and just go through the steps. Colin's going to select this one because it's already installed. I'm going to click Next. And you can select the default orientation portrayed, I'm happy with that.

And I'm going to the name that is fine. Go to Show advanced settings, make sure here, you select on the graphics hardware GL. So this will use your graphics card, so it's just a little bit faster everything else unless you really want to modify the amount of storage, it has access to the manor RAM, you can leave as default. Click Finish. Now that it's created, click this play button. This will launch up the emulator.

This shouldn't take too long at all. Okay, so as you can see the launch of the emulator right here, we can minimize this. And this will soon change from no devices to Well, this emulator. And I would recommend when you are doing development, keep the emulator open, you know, close down the application via now there'll be a read We just closed the application down with we, you know, run it, but don't constantly close down the emulator because you're not having to constantly manually reopening one it takes time for waiting, you know, at this step, you can do the quick boot which is fast that we even go to the Add manager. It's just unnecessary. So while you're developing for like two, three hours or so, in one sprint, just keep it open and it'd be a lot lot easier.

From there, we can rotate it, we can change the volume, we can not take a picture you'll just use like the webcam for example. And we got the back home and the multitasking button as well. We got the menu button. So still hasn't loaded up yet. You might not be receiving the little gray balls has gone left and right. And once we basically get to our home screen on the Android emulator, that means it's loaded but it has picked it up here to finally starting.

It is almost done. Now it is almost done. So once we start seeing the icons Yes, it is done. Now if we click Run, it will go through a few steps to run our application. So it's launching notion Yup, just ignore this. If any of these steps, the initializing Gradle, the resolving dependencies only greater task takes longer for you.

And I'm talking about significantly longer. Don't read because the first time you do it, it will take a long time initializing Raider and resolving dependencies. In the first time for me took five or 10 minutes, it took a while. So the first time you do it for the first application, just be patient and it will, you know, be successful. So this is going to launch up the application any moment now. This is the default application.

But this is important to get set up so you can develop And there we go, the default application has now launched. So Patrick, this is just basically can't me, Tom, we have pushed it. And you have all of the other environment in Android Studio. And we can just close it down by clicking this button here. So that doesn't actually close down the emulator that just closes down the application. So if we run this now, is we don't have to go through the process of relaunching this.

So that's it. That's how you set up flutter on Windows using Android Studio. If you have any questions if you have any errors along the way, because you know, that kind of happened, feel free to pop me a message and I will walk you through those errors. And I look forward to seeing you in the next video.

Sign Up


Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.