Flutter dev setup & notes

flutter_setup.md

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

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].

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

thanks man, really appreciate

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

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

Use a real device

I finally managed to start with flutter

thank you!

really appreciate.
Thanks brad

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

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

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