Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Flutter dev setup & notes

Flutter Setup & Notes

1. Download SDK

Download Flutter SDK, extract the "Flutter" folder and put somewhere on your machine https://flutter.dev/docs/get-started/install

2. Add path

Add path for 'location/flutter/bin'

3. Check dependencies

flutter doctor

4. Install Xcode (Mac)

https://developer.apple.com/xcode/

5. Configure Xcode command line tools (Mac)

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

6. Test iOS Simulator (Mac)

open -a Simulator

7. Install Android Studio

https://developer.android.com/studio

8. Install Flutter plugin

9. Create virtual device from AVD manager

10. Install VSCode Flutter extension

11. Create flutter app

flutter create my_app

12. Run Debugger in VSCode

You should now be setup to start editing the lib/main.dart file and build your app

@oyedotunsodiq045
Copy link

oyedotunsodiq045 commented Dec 11, 2019

Awesome

@bilalkhanamin
Copy link

bilalkhanamin commented Dec 12, 2019

thanks brad!

@ma-9
Copy link

ma-9 commented Dec 12, 2019

Great Style of Explaining Brad

@itsmaheshkariya
Copy link

itsmaheshkariya commented Dec 17, 2019

Thanks

@hafizhfadh
Copy link

hafizhfadh commented Dec 27, 2019

Thanks brad

@lenimbugua
Copy link

lenimbugua commented Dec 27, 2019

Thank you

@Prayag2
Copy link

Prayag2 commented Feb 11, 2020

Thank you so much!

@KaseyNorth
Copy link

KaseyNorth commented Apr 14, 2020

anyone know why android emulator slows my entire pc down to the point where I can't even work

@lenimbugua
Copy link

lenimbugua commented Apr 14, 2020

anyone know why android emulator slows my entire pc down to the point where I can't even work

Android emulator requires a machine with high performance I had this problem, if you have an android phone you can use for it debugging.

@Franzsardoma
Copy link

Franzsardoma commented Jun 24, 2020

thanks a lot!

@skylar-lab
Copy link

skylar-lab commented Jul 18, 2020

cool.. thanks! 😊

@Daniyal421
Copy link

Daniyal421 commented Jul 29, 2020

I don't have a MacOS!Man!!

@prajjwal-24
Copy link

prajjwal-24 commented Sep 17, 2020

How to run flutter on 32 bit windows 7??

@coder-cruize
Copy link

coder-cruize commented Oct 16, 2020

How to run flutter on 32 bit windows 7??

Sad

@abhlabs
Copy link

abhlabs commented Nov 14, 2020

Re: "#3 Check Dependencies" -- if "flutter doctor" tells you that the dart and flutter plugins are not installed in Android Studio, that may be because Android Studio changed the folders for plugins. See the post from user "lost-and-found" on SO: [https://stackoverflow.com/questions/64369971/android-studio-dart-and-flutter-plugin-is-not-installed].

Copy link

ghost commented Nov 15, 2020

Re: "#3 Check Dependencies" -- if "flutter doctor" tells you that the dart and flutter plugins are not installed in Android Studio, that may be because Android Studio changed the folders for plugins. See the post from user "lost-and-found" on SO: [https://stackoverflow.com/questions/64369971/android-studio-dart-and-flutter-plugin-is-not-installed].

if you are on a mac, run this command:
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

@PedroPauloMachado13
Copy link

PedroPauloMachado13 commented Mar 3, 2021

thanks man, really appreciate

@ayshark
Copy link

ayshark commented Jun 15, 2021

I'm unable to test my flutter app on the AVD :(

@Elyanan
Copy link

Elyanan commented Jul 27, 2021

I'm unable to test my flutter app on the AVD :(

Use a real device

@LTheCoder
Copy link

LTheCoder commented Nov 9, 2021

I finally managed to start with flutter

thank you!

@braveheart-star
Copy link

braveheart-star commented Jan 6, 2022

really appreciate.
Thanks brad

@gradyrobbins
Copy link

gradyrobbins commented Jan 26, 2022

Thanks, @bradtraversy !

One quick note to share, as of 26 January 2022:

  1. Create virtual device from AVD manager
    IF you are using Android Studio Bumblebee (2021.1.1):AVD Manager is removed

New Device Manager: you can open it by selecting View > Tool Windows > Device Manager from the main menu bar.

In the Virtual tab, create a new device, review device details, delete a device, etc.

more info here

@Stevecmd
Copy link

Stevecmd commented May 5, 2022

Thanks, @bradtraversy !

One quick note to share, as of 26 January 2022:

9. Create virtual device from AVD manager
   **IF** you are using Android Studio Bumblebee (2021.1.1):**AVD Manager is removed**

New Device Manager: you can open it by selecting View > Tool Windows > Device Manager from the main menu bar.

In the Virtual tab, create a new device, review device details, delete a device, etc.

more info here

Yea this caused a bit of trouble for me but once I figured it out it was smooth sailing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment