How to install Flutter on Windows 2024 | Setup Android Studio for Flutter Step by Step

hello and welcome back to my YouTube channel this is based on flutter installation on windows so we'll select our Windows option for flut installation then we go to Android because we are going to be building our Android app with this uh so let's choose Android then down there we have the hardware requirements for flutter so make sure you device matches these requirements then you have to come down to the software or flutter installation we need the flutter SDK to be install so let's install it tap on the button and now you can see using your download uh history popup which tells you that it's downloading so once it gets downloaded we can proceed ahead it's almost it's complete and let's navigate to the folder here we have the flutter Windows uh we have the zip file so firstly we need to create a directory here which is just a convention to store your flutter SDK so let's create a flutter folder inside that also create an other folder for Source where we have basically the source uh SDK Here and Now extract this ZIP file in the directory location we have just created so tap on C uh and inside C we have the flutter and then source tab on okay to extract the file once it's ready we will navigate back to the flutter directory and inside the flutter Source then again flutter and then bin directory uh let's go to address bar and type CMD to enter your command prompt in this inside this directory now run flutter doctor to uh see if the flutter has been installed or it's working or not so it says welcome to flutter and it has a bit of uh documentation and it tells you a bit about flutter and now uh we'll be seeing uh our if our requirements have been completed or not so if you look at the different requirements we have flut installed when we have window version then we have some missing uh requirements we have to install Android Studio so let's go to uh Android but before that also let me show you one thing if you open the command prompt outside the bin directory let's open it uh and then after we open it if we inter flatter doctor it this command won't be recognized because we haven't added that SDK path to the uh as we haven't added the path to that bin file in the in the path environment variables so we need to copy this path and we have to add it into environment variable so that flutter is recognized everywhere on our device so I'll tap on environment variables go to path and then add it add a new entry here and paste the address here which is the address to the bin directory and now when we apply these environment variables uh close the CMD or command prompt open it again and this time if you run flutter doctor it will work so in order for flutter to work everywhere on your device you have to add the uh address or path of the bin directory into environment variables now we need to install Android Studio so go to our browser type install Android studio and when you search Indo studio uh you can navigate to the link and just download Endo Studio koala down there I read the license agreements and then tape on download to start the downloading once it is downloaded we will install the setup of Android Studio so that our requirements are completed and now if you navigate to the uh downloads from here you can install Android Studio so open it and let's uh kick out the installation process so here you have to uh give permission then typ on next next next and install so Android Studio is being installed uh so now tab on finish and start Android Studio we have to do some other things there as well so we do not need to import settings as we don't have previously installed uh data about Andro studio so let's uh we can select don't send analytics to Google we can also send analytics uh here we have some SDK components being installed now we have the visit tap on next choose standard and next and then these tools will be installed for Android Studio accept the licenses we have these license so accept these and tap on finish to start and downloading the hdk components for Android Studio now our installation has been complete tap on finish and we have the end Studio installed now if we run flutter doctor you will see that Android Studio has been installed and here you have it now we also need to look at these two requirements as well so these are some tools that needs to be installed on Android Studio so here oh tap on more action then SDK manager and here SDK tools then install Android SDK command line and tape on apply and now it will be installed so our One requirement will be scattered from here because we were missing this command line tools and the job has been done tap on finish apply and after that uh if we go to CMD again we still have one thing missing that needs to be CED and that is about the Android licenses so for that we need to run a command that is given uh which is letter doctor and blah blah copy it and paste it in the uh command prompt and tap on enter to execute the command so that the requirement is scattered Here and Now tap on y y and accept all these things so so that our licenses are accepted and now we are good to go if you're in flutter doctor all of our requirements have been covered for flutter setup uh but we still have missing Visual Studio but we don't need it because if you want to develop Windows app so that's a requirement for Windows app only you can navigate to this link and you can install Visual Studio from here uh but we don't need for uh our use case now so we can skip it our flutter installation has been done now we just have to do some setups in our Android Studio so I'll go to plugins here I will type flutter in order to install my flutter plugin for Android Studio so tap on install it will automatically install dot plug-in as well for Andro studio so that to facilitate flutter development and Android Studio and once it gets installed we can restart the ID to uh for the changes to be reflected so restart and now it will launch with the uh flutter plugin installed so let's wait and see and now you can see we have this flutter icon here you can tap on new flutter project for new project creation down here we have to navigate to flutter uh on the left and here we need to enter SDK PA so we will go to the flutter SDK we inside C we have the flutter then source and then the flutter which is the SDK so type on okay and type on next so now we need to enter project details I will give test app then I have to uh save it somewhere so I will save it in E partition and then I will create a directory with the name projects and here I will save all of my uh projects and we have the description we have it enabled for Android iOS and other things tap on Create and now uh flutter is creating and Android Studio is creating a flutter project for us and we have the project ready with us you can see we have these all files ready we will tap on this project now we have R uh visualization of the project this is the main file where we will write our code and now we also need some emulator so we'll go to the device manager from here we create a new virtual device and uh to create virtual device we have to select the screen size I will select pixel for Excel and next here we need to install an uh OS uh for the device I will go with this one and let's start down download after it gets downloaded uh we can move ahead to some other steps so let's wait for it and now our uh installation downloading has been done tap on the Finish button to proceed ahead I will select this Os or image system image and tap on next from here we have the portrait then we have the graphics to set to hardware for better performance now tap on finish to create your emulator we have one created here now so tap on this play button to start the emulator the emulator will be shown here on the right pane uh which is running devices down there you can see starting the AV manager that basically manage the emulator for us and we are getting connected to the emulator here now you can see we have a virtual device uh starting up and uh we have we have also set up our project that we can run on this device as well so let's wait for it to get started and uh we are now ready to run our app so uh at the top we have the play button so let's St on this play button to run our main file and the console appears here the process has been started and let's wait so that our app is built on the device and you can see we have the build file installed and the app uh has been uh built on emulator you can see that so let's wait and you can see we have the counter app ready on the device it's the uh it has been created by the flutter itself so it's just a template project that has been handled by flutter itself so that's it for today video see you in the next video guys thanks for watching goodbye

Channel: CodeWorm

Views: 1,212

Keywords: flutter, fluttertutorial, flutterapp, dart, mobileappdevelopment

Id: mMeQhLGD-og

Length: 12min 15sec (735 seconds)

Published: Sun Jun 30 2024