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

@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