How to Install Flutter on VSCode | Flutter App Development Tutorial 2023

in my last video I have told you how to install flutter SDK Android Studio in an emulator in Windows in order to run flutter now in this video I will tell you how to run flutter apps on vs code so let's jump into our browser and search vs code download on Google open first link and download 64-bit user installer downloading will get started after downloading open vs code setup and simply run it and accept license and click next next till the end install it would take some time after completion click finish and after that it will run on your PC you will see get started page now go to extension Tab and search flutter plugin I have already installed but you have to install it and Dot plugin will automatically get installed now if you have to open already made flutter project folder then simply click on files and open folder and select your folder this is that folder which we created on Android Studio yes I will trust the author now I will search for a lift file and then open main.dot file which is a sample code by flutter team so now if you want to create your own new project then click view command and type fluttered new project select application and choose folder where you want to place I will create Test 2 folder and place my project here I will named it as flutter application one for now and vs code will create all files for you so now you have to sit back and it will run the commands automatically this is the power of vs code and its plugins so now our flutter project is ready to run now we will open main.dot file and it start debugging it will ask for a device to use we will select pixel 4 for now we can also check it on web and desktop as well now it's launching pixel fold just wait and finally our app is built on our emulator and we can interact with it so this is it we finally able to build the app via vs code and our setup is totally completed in next video we will properly start flutter course so stay tuned for that

Channel: JBtronic

Views: 2,911

Keywords: flutter vscode, flutter vscode emulator, flutter vscode setup, flutter vscode extension, flutter vscode vs android studio, flutter vscode tutorial, flutter tutorials, flutter vscode setup windows 10, flutter vscode android emulator, flutter vscode android studio, flutter vscode android device, flutter vscode 2023, flutter vscode real device, flutter vscode install, flutter in vs code, vscode flutter project, flutter physical device, vscode flutter debug, vscode fluter tutoral

Id: lz86kmEmNUM

Length: 3min 0sec (180 seconds)

Published: Sat Jan 14 2023