How to install Flutter on vs code | Visual studio Code | Flutter | Flutter Tutorial # 2

hi guys in previous lecture we have seen installation of flutter SDK Android studio and their integration today I will show you to install video Visual Studio code slutter SDK and their integration and we'll also run first program first basic program let so let's get started go to the browser and first of all we will download the flut then we will download the visual studio code so search here so WR here letter SDK download on your first link select your operating system and select your uh device and go to the installation link here click here to it will automatically start your downloading here you can see flutter SDK is going to be started so I have already uh downloaded this SDK so so I not going to start again and second you will have to install Visual Studio code so right here Visual Studio download hit the first link select your operating system in my case I will install for Windows so select user installer at 64bit it will also automatically uh start it so don't need to be worried I will provide both links both down uh download links of this software in description so you can uh download directly from by hitting that links so let's install Visual Studio code first accept the agreement select CER will should record and create desktop icon select these options to and install meanwhile open your command prom and write flutter as you can see flutter is still not installed on your machine so when the installation of Visual Studio code will be completed we will start flood also Studio code installed you will have to download some extensions to work on flutter go to extension menu search flutter and installed in my case it's already been installed and you will also have to download uh install do language and I have already installed the dot as so you finally have installed the VIS Studio code now let's install the flutter SDK when you download the fdate you will uh download this kind of the file so just copy this file and move to the C directory create folder of name SRC open this folder and paste it here so uh basically when uh you will try to extract it extract here so you're basically creating a shter folder uh that's having almost all the all these things which is required to build or run uh flutter project so I have already been extracted this ZIP file so you need to just right click here and extract here this file and it will create automatically this folder so go to the bin directory copy this path as you can see uh nothing is installed in FL right now so just copy this path open environment ready variables for your account go to path add new P it here and just okay and you will done it so your CMD again and right so now you can see flutter is installed on your machine let's move ahead so if you are uh if you want to uh know if flutter is actually installed on your machine and all things have been installed which you are uh required to run your project so just write letter doter it will show you all the all these things which are uh still pending to install or in my case everything is already installed uh so if you want to check FL is correctly installed on your machine and all dependencies and all these things are are installed so you just need to write flutter doctor it will show you all the necessary uh configurations and uh relevant items which are necessary to inst Sol in your machine to run flter project so hit theer button so you can see in my case all these things have been installed on my machine if you are new to uh new user to install flutter uh you can observe some exceptions in start like uh Windows version okay like Android tool chain and you can also observe issue in visual studio and Android Studio intell in my machine All Above softwares are already installed so uh it didn't provide me any exception so it's very necessary to uh run very necessary to download visual studio code uh where it is where Studio code vs code Android Studio Android tool chain uh observation it's very necessary to uh install this vs code Android studio uh to run we fluted for that otherwise uh you will observe U many many exceptions so let's create first flut project go the directory where uh you can uh save your source code I'll go to D drive create for f project create plan project let create project name it will automatically uh generate your dependencies and create your uh required files in your folder one thing you should remember uh project name in flutter should be uh in small letters uh no capital letter is accepted here in the flutter project project has been created now open Visual Studio code open project folder I'll save add the flutter first project and select folder so project has been imported here in Visual Studio code for start in the this project you we will have to run the emulator and emulator uh for emulator we have already downloaded Android Studio so if you are troubling to download and install Android Studio so I will provide uh Link in which I have explained how to download and install Android studio and run emulator on that so open Android Studio here uh you know you don't need to hit any in already created project so I'll just created project in Visual Studio code uh and I use emulator from Android Studio so go to the device menu and run pixel 531 emulator starting a I think it been started yes it started so close this application now uh now your emulator is ready to receive command that will hit you from Visual Studio code so open your terminal when your emulator is ready to receive command from Visual Studio code or from Android Studio so just hit the command for to run and check if your project is being executed or not now you are thinking uh which code is being run so go to the lip folder main do do file so basically this is the entry point of your flutter application uh and uh this code is basically wallet plate code and uh this provide when uh whenever you create your project so this project is uh this this page and this code is basically providing the flutter by default so this code is basically is being executed now e so finally uh project has been executed in Visual Studio code and you can see the logs live from here when we hit the plus button in it increases the number and also you can check the log here so finally you have done it so in this video we have uh seen the installation of flutter and visual studio code and integrated them and uh to watch how uh we have installed the Android studio uh with very easy app that you have seen here so you can uh go to the description and click the uh URL that is provided for you and uh you can follow to download Android Studio code

Channel: Fd Techhub

Views: 251

Keywords: Flutter Tutorial, How to install flutter, how to install vs code, how to install Visual Studio Code, flutter setup, how to install flutter in visual studio code, how to install flutter vs code, how to install flutter on windows 10, flutter installation in vs code, flutter setup for windows, install flutter, flutter install windows, how to setup flutter on windows, installation of flutter on windows, setup flutter windows, flutter install windows 10, flutter installation

Id: gA1guGUe5Ss

Length: 17min 43sec (1063 seconds)

Published: Fri Mar 22 2024