Flutter Install on macOS (Apple silicon)

🔎 Getting Started

1. Install flutter

:blue_circle: FVM and Sidekick are useful to manage Flutter versioning.

• Sidekick Download
• FVM install

1) Download Flutter SDK.

2) Add the flutter tool to your path.

From macOS catalina, macOS shell is changed from bash to zsh. So you can find this path environment in ~/.zprofile or ~/.zshrc.

export PATH="$PATH:`pwd`/flutter/bin"

iOS

1) Setup Xcode.

To build iOS using xcode-cli, firstly you should run the Xcode once to agree license, or just run the below command.

sudo xcodebuild -runFirstLaunch
sudo xcodebuild -license

And if you’ve already got the latest one, you don’t need to download again. But if you need to download, you should switch what you use.

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

2) Install CocoaPods again.

Probably you will meet a problem, CocoaPods not installed. or

Error: To set up CocoaPods for ARM macOS, run:
  arch -x86_64 sudo gem install ffi

Error running pod install
Error launching application on iPhone 13 mini.

, when you try to use some packages on Android Studio. Or you can simply check running flutter doctor --verbose. Then, to fix this, reinstall CocoaPods using homebrew.

gem uninstall cocoapods
brew install cocoapods

Android

1) Setup Android tool chain.

2. Setup IDE

JetBrain

• Android Studio
• IntelliJ

You can simply install Flutter and Dart plugins and restart your IDE.

Visual Studio Code

• Visual Studio Code

You can simply install Flutter and Dart extensions. And add the configurations for flutter flavors in .vscode/launch.json.

{
    "name": "xxx (dev)",
    "program": "lib/main_dev.dart",
    "request": "launch",
    "type": "dart"
},
{
    "name": "xxx (prod)",
    "program": "lib/main_prod.dart",
    "request": "launch",
    "type": "dart"
},

Refs.

• macOS install

Useful flutter sites

• Flutter packages
• Flutter UI components