Create Flutter App Using Visual Studio Code | Hello World App | Flutter | Dart | Vs Code

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
we learned about installing flutter installing visual studio code and adding an android virtual device in the last video let's create a new flutter project open command prompt by typing cmd in search copy the folder location in which you want the flutter project to be located cd paste location enter now let us create the new project flutter create project name you can give it a name of your choice make sure the words start with a small letter enter if you look at the folder you can see that the project folder is created now open the visual studio code file open folder select the project folder you can see some folders and files pub spec dot yamal this is the settings file the dependencies are added inside this file take the folder called lib open the main.dart file in it this is the default counter application code in flutter let's start the virtual device and run it we learned about installing virtual device in the last video here you can select the device on the bottom right side now the chrome browser is selected click and select a mobile emulator the emulator is running let's run the project terminal new terminal write the command flutter run yes it is running in emulator opened it's a counter app as soon as you click on the button the number in the middle will continue to increase the terminal has a few shortcut keys small r is hot reload capital r is hot restart q is quit capital r application restarted value is zero now we can stop only the imported material.dart file above and delete the rest every flutter apps are building is just a widgets widgets are the ui building blocks like app bar header image list some widgets contains other widgets material.dart is a dart file containing many material widgets void main function create such widgets we need to create a class because widget is a special type of object class class name my app you can give any name just be sure to be the first letter capital let us inherit a class of flutter using the extend keyword extend stateless widget this is a base class in the materials dot dart file in addition to using its functionality we can also add new features a build method that returns widgets while extending this class must be written the build context argument must pass it is an object used to draw on the screen we need to create and return the material app all the arguments in the material app meet head are named arguments home argument add widget text path string hello world run app is the basic method used to run flutter in it we can call the object of my app class save now let's look at another way to run without using a terminal run run without debugging hello world is displayed let us align it to the middle after home add a widget called center child text hello world now let us press the hot reload button yes it's in center here are some buttons hot reload restart stop application is stopped you
Info
Channel: True Coders
Views: 25,278
Rating: undefined out of 5
Keywords: flutter project with visual studio code, new flutter project visual studio code, vs code create flutter project, create flutter project visual studio code, vs code new flutter project, how to create flutter project in visual studio code, create flutter project in visual studio code, how to run flutter project in visual studio code, start flutter project in visual studio code
Id: 69KrlgDPYBU
Channel Id: undefined
Length: 7min 16sec (436 seconds)
Published: Thu Jan 27 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.