HI Steemains,
so i stumbled on 'Flutter' and 'Dart' for mobile website Development,so its quiet new flutter is an open source UI software development library/kit created by Google, flutter is the next big thing, though it is still improving its features,codes and structure it offers a variety of seamless opportunities.
So i will walk you through the set-up/installtion process on windows, ill be using command prompt (cmd) to test my flutter and run diagnostics and perform installation.
please go to [developer android.com/studio](https://developer.android.com/studio) to download android studio, i am currently using a windows 10 laptop.
please visit😁 https://flutter.dev/docs/get-started/install/windows
To download flutter SDK, extract into your C:Drive and locate 'Bin' folder then copy the path to "your environment variable" ,ensure to create the right path in your environment variable.
THINGS YOU NEED FOR YOUR SETUP:
1. Andriod studio.exe
2. Virtual Studio.exe
3. flutter SDK (Extract)
4. Simulator
After due process your Android studio should be looking like this below 👇 👇 👇
Android Studio Application
Type "flutter doctor" on your command prompt,if your path is fine you should expect the coresponding commands from your actions like the screen shot below👇 👇 👇
[SDK INSTALLATION FILE ]
launch your andriod studio and type AVD Manager to
this is were we launch our simulator, you should :
- select "create virtual device" in the down- left hand corner
- in cartegory select phone under virtual device configuration tab.
- download nexus API 28 2 and select as indicated by the arrow in the snap shot below👇 👇 👇
The action above will launch your simulator,kindly be informed that an internet connection is very necessary for this this operation.find below snap-shot of simulator.👇 👇 👇
proceed by typing cmd in the windows search bar and launch your command prompt (CMD)
- input the following codes "flutter doctor" and press enter 👇 👇 👇
- from the screen shot it shows that a device is connected (simulator)
- also vs code is installed
- it further shows that all is fine with my installations.
creat a folder and use change directory to instruct command promt to save your files in that folder you crated on your desktop.Ill name my folder "project"
on "CMD" Iput
a.. cd desktop
b. cd project
c. flutter create project
Below is he corresponding rsponse, when you open the folder youll notice that your library,darts, andriod,ios files etc have been provision for your on the project folder.see the following cresponding commands.👇 👇 👇
To create project type the codes above
Also you will need to run your application,so enter the following codes below 👇 👇 👇
- cd project
- flutter run
here is the coresponding rsponce and you will notice that on your simulator a start page have been created as seen below.👇 👇 👇
And here is your new interface to hot reload changes you can press "r" to get your codes effected in real time.
when you get to this pint 👇 👇 👇
thrn be rest assured that your provisoning was succesfull,i am open to any correction,howver this write-up is just to give you an insight on what it takes to set up your Flutter on your windows, on and online and search for more tutorials that will aid your understanding, ill be back with more codes on Darts and flutter in the next lesson.
Manny thanks!!!!😊 😊 😊