How to install Flutter on Visual Studio Code | Amit Thinks

hello guys welcome to Amit things in this video we will learn how to install flutter on vs code we need to First download and install vs code and flutter and setup flutter then we will install flutter on vs code so let's first start with the first step that is to install that is to install vs code at first go to the web browser I am using Chrome you can use any web browser on Google search type vs code and press enter that is Visual Studio code here it is code.visualstudio.com the official website click on it herein you can see the current version is visible version one version 1.74 you can directly click on here to download it for Windows or you can click here to download for for Linux and Mac as well so I'll just click on the following to download for Windows not a download should start it started it's only 88mp let's wait for few seconds so the download complete it for the exe file now I will double click on it to install minimize now download started click on I accept the agreement vs code is owned by Microsoft so it's fine it is open source this version is open source so I'll accept the agreement click on next here it is it will get installed in the following location which is fine with me if you want you can change the location from here by clicking browse it will only take 353 MB which is fine click on next now start menu folder keep the default and click on next again let us create a desktop icon also rest keep the same and click on next install it will now install it so guys we have successfully completed the installation when I'll click on finish it will launch automatically because we have selected it because it got selected by default I'll uncheck and click on finish it also created an extra shortcut because we selected the option we can also go to start and type Visual Studio code and here it is we can also open it from here I'll just click on here to open it so this will open for the first time here it is guys we successfully installed vs code now we will install flutter let's start on Google type flutter and press enter on pressing enter you can go to the official website letter.dev and click on it now here you can directly click get started now the versions for Windows Mac Linux and Chrome OS is visible click on Windows now the Windows installation should be visible here it is click on the zip file to download start date let's wait guys we have downloaded the flutter SDK remember that do not install flutter to a path that contains special character or spaces and do not install it in C program files okay no problem right click showing folder now right click extract all extract guys we have extracted it now copy go to C drive remember we told you we can't add it in program file so right click and paste it here paste it here guys we have copied it here go inside go to bin copy this path Now set the path go to start type environment variables click on edit the system environment variables open here now enter Advanced go to Diamond variables now in the user variables click on path double click click new and paste the same path that's it click ok ok and the last okay and the last okay now guys we have set the path now verify go to start type CMD click on open now type flutter now if all these are visible that means we successfully installed it guys we successfully set up flutter now let us set up this one vs code for that open vs code go to start type vs code and click on open to open the vs code now go to left extensions extensions hidden type flutter and click on it to install and click on it to install click install it is installing now so guys we have installed it here and you can see enabled now type Dot click on it it got installed on its own when we were installing flutter because they both are related now we have added both flutter and Dot to vs code now directly go to View terminal here and type flutter space hyphen iPhone version and press enter this shows that we successfully installed flutter so guys we successfully installed and set up flutter on vs code thank you for watching the video

Channel: Amit Thinks

Views: 58,679

Keywords: flutter, vs code, how to, flutter setup, flutter setup for windows, install flutter, setup flutter, how to install flutter in visual studio code, setup flutter in windows, flutter installation in vs code, how to install flutter on windows with vs code, how to install flutter in vs code, amit thinks

Id: 1KidD72q87s

Length: 7min 54sec (474 seconds)

Published: Fri Jul 21 2023