Skip to content

Instantly share code, notes, and snippets.

@bradtraversy
Last active March 19, 2024 04:59
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

@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