Skip to content

Instantly share code, notes, and snippets.

@bradtraversy
Last active July 22, 2024 06:51
Show Gist options
  • Save bradtraversy/f1af78251962bb210c2ebe5b4f9a5c35 to your computer and use it in GitHub Desktop.
Save bradtraversy/f1af78251962bb210c2ebe5b4f9a5c35 to your computer and use it in GitHub Desktop.
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

@beelalamin
Copy link

thanks brad!

@ma-9
Copy link

ma-9 commented Dec 12, 2019

Great Style of Explaining Brad

@itsmaheshkariya
Copy link

Thanks

@hafizhfadh
Copy link

Thanks brad

@lenimbugua
Copy link

Thank you

@Prayag2
Copy link

Prayag2 commented Feb 11, 2020

Thank you so much!

@KaseyNorth
Copy link

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

@lenimbugua
Copy link

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

thanks a lot!

@skylar-lab
Copy link

cool.. thanks! 😊

@Daniyal421
Copy link

I don't have a MacOS!Man!!

@prajjwal-24
Copy link

How to run flutter on 32 bit windows 7??

@l3k4n
Copy link

l3k4n 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

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

I finally managed to start with flutter

thank you!

@braveheart-star
Copy link

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

@kamranzafar4343
Copy link

I am using android studio instead of vs code. by the nice doumentation though.

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