How to Install Flutter on MAC-OS

System requirements

• Operating Systems: macOS (64-bit)
• Disk Space: 2.8 GB (does not include disk space for IDE/tools).
• Tools: Flutter uses git for installation and upgrade. We recommend installing Xcode, which includes git, but you can also install git separately.

Get the Flutter SDK

Download the following installation bundle to get the latest stable release of the Flutter SDK:

Extract the file in the desired location:

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.2.2-stable.zip

Add the flutter tool to your path:
$ export PATH="$PATH:pwd/flutter/bin"
This command sets your PATH variable for the
the current terminal window only.

Run flutter doctor

Run the following command to see if there are any dependencies you need to install to complete the setup (for verbose output, add the -v flag):
$ flutter doctor

Downloading straight from GitHub instead of using an archive

$ git clone https://github.com/flutter/flutter.git -b stable
Update your path, and run flutter doctor. That will let you know if there are other dependencies you need to install to use Flutter

If you did not use the archive, Flutter will download necessary development binaries as they are needed. You may wish to pre-download these development binaries.

$ flutter precache

Update your path

You can update your PATH variable for the current session at the command line, as shown in Get the Flutter SDK. You’ll probably want to update this variable permanently, so you can run flutter commands in any terminal session.

The steps for modifying this variable permanently for all terminal sessions are machine-specific. Typically you add a line to a file that is executed whenever you open a new window. For example:

Determine the path of your clone of the Flutter SDK. You need this in Step 3.
Open (or create) the rc file for your shell. Typing echo $SHELL in your Terminal tells you which shell you’re using. (1)Bash, edit $HOME/.bash_profile or $HOME/.bashrc. (2) Z shell, edit $HOME/.zshrc. (3) a different shell, the file path and filename will be different on your machine.
Add the following line and change [PATH_OF_FLUTTER_GIT_DIRECTORY] to be the path of your clone of the Flutter git repo:

$ export PATH="$PATH:[PATH_OF_FLUTTER_GIT_DIRECTORY]/bin"
Run source $HOME/. to refresh the current window, or open a new terminal window to automatically source the file.
Verify that the flutter/bin directory is now in your PATH by running:

$ echo $PATH
Verify that the flutter command is available by running:
$ which flutter

Platform setup

macOS supports developing Flutter apps in iOS, Android, and the web (technical preview release). Complete at least one of the platform setup steps now, to be able to build and run your first Flutter app.

iOS setup

Install Xcode
To develop Flutter apps for iOS, you need a Mac with Xcode installed.

Install the latest stable version of Xcode (using web download or the Mac App Store).
Configure the Xcode command-line tools to use the newly-installed version of Xcode by running the following from the command line:

$ sudo xcode-select –switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch
This is the correct path for most cases, when you want to use the latest version of Xcode. If you need to use a different version, specify that path instead.

Make sure the Xcode license agreement is signed by either opening Xcode once and confirming or running sudo xcodebuild -license from the command line.
Versions older than the latest stable version may still work, but are not recommended for Flutter development. Using old versions of Xcode to target bitcode is not supported, and is likely not to work.

With Xcode, you’ll be able to run Flutter apps on an iOS device or on the simulator.

Set up the iOS simulator

To prepare to run and test your Flutter app on the iOS simulator, follow these steps:

On your Mac, find the Simulator via Spotlight or by using the following command:

$ open -a Simulator
Make sure your simulator is using a 64-bit device (iPhone 5s or later) by checking the settings in the simulator’s Hardware > Device menu.
Depending on your development machine’s screen size, simulated high-screen-density iOS devices might overflow your screen. Grab the corner of the simulator and drag it to change the scale. You can also use the Window > Physical Size or Window > Pixel Accurate options if your computer’s resolution is high enough.
If you are using a version of Xcode older than 9.1, you should instead set the device scale in the Window > Scale menu.
Create and run a simple Flutter app
To create your first Flutter app and test your setup, follow these steps:

Create a new Flutter app by running the following from the command line:
$ flutter create my_app
A my_app directory is created, containing Flutter’s starter app. Enter this directory:
$ cd my_app
To launch the app in the Simulator, ensure that the Simulator is running and enter:
$ flutter run


Deploy to iOS devices

To deploy your Flutter app to a physical iOS device you’ll need to set up physical device deployment in Xcode and an Apple Developer account. If your app is using Flutter plugins, you will also need the third-party CocoaPods dependency manager.

• You can skip this step if your apps do not depend on Flutter plugins with native iOS code. Install and set up CocoaPods by running the following commands:

Follow the Xcode signing flow to provision your project:

• Open the default Xcode workspace in your project by running open ios/Runner.xcworkspace in a terminal window from your Flutter project directory.
• Select the device you intend to deploy to in the device drop-down menu next to the run button.
• Select the Runner project in the left navigation panel.
• In the Runner target settings page, make sure your Development Team is selected under Signing & Capabilities > Team.

When you select a team, Xcode creates and downloads a Development Certificate, registers your device with your account, and creates and downloads a provisioning profile (if needed).

• To start your first iOS development project, you might need to sign into Xcode with your Apple ID. Xcode account add Development and testing is supported for any Apple ID. Enrolling in the Apple Developer Program is required to distribute your app to the App Store. For details about membership types, see Choosing a Membership.

• The first time you use an attached physical device for iOS development, you need to trust both your Mac and the Development Certificate on that device. Select Trust in the dialog prompt when first connecting the iOS device to your Mac.

• Then, go to the Settings app on the iOS device, select General > Device Management and trust your Certificate. For first time users, you may need to select General > Profiles > Device Management instead.

• If automatic signing fails in Xcode, verify that the project’s General > Identity > Bundle Identifier value is unique. Check the app’s Bundle ID

• Start your app by running flutter run or clicking the Run button in Xcode.

Android setup

• Install Android Studio
• Download and install Android Studio.
• Start Android Studio, and go through the ‘Android Studio Setup Wizard’. This installs the latest Android SDK, Android SDK Command-line Tools, and Android SDK Build-Tools, which are required by Flutter when developing for Android.

Set up your Android device

To prepare to run and test your Flutter app on an Android device, you need an Android device running Android 4.1 (API level 16) or higher.

• Enable Developer options and USB debugging on your device. Detailed instructions are available in the Android documentation.
• Windows-only: Install the Google USB Driver.
• Using a USB cable, plug your phone into your computer. If prompted on your device, authorize your computer to access your device.
• In the terminal, run the flutter devices command to verify that Flutter recognizes your connected Android device. By default, Flutter uses the version of the Android SDK where your adb tool is based. If you want Flutter to use a different installation of the Android SDK, you must set the ANDROID_SDK_ROOT environment variable to that installation directory.

Set up the Android emulator

To prepare to run and test your Flutter app on the Android emulator, follow these steps:

• Enable VM acceleration on your machine.
• Launch Android Studio, click the AVD Manager icon, and select Create Virtual Device…
• In older versions of Android Studio, you should instead launch Android Studio > Tools > Android > AVD Manager and select Create Virtual Device…. (The Android submenu is only present when inside an Android project.)
• If you do not have a project open, you can choose Configure > AVD Manager and select Create Virtual Device…
• Choose a device definition and select Next.
• Select one or more system images for the Android versions you want to emulate, and select Next. An x86 or x86_64 image is recommended.
• Under Emulated Performance, select Hardware – GLES 2.0 to enable hardware acceleration.
• Verify the AVD configuration is correct, and select Finish.

• In Android Virtual Device Manager, click Run in the toolbar. The emulator starts up and displays the default canvas for your selected OS version and device.

macOS setup

Additional macOS requirements
For macOS desktop development, you need the following in addition to the Flutter SDK:

• Xcode
• CocoaPods if you use plugins
• Enable desktop support
• At the command line, perform the following command to enable desktop support

$ flutter config --enable-macos-desktop

Web setup

Flutter has support for building web applications in the stable channel. Any app created in Flutter 2 automatically builds for the web. To add web support to an existing app, follow the instructions on Building a web application with Flutter when you’ve completed the setup above.

Happy Coding 🙂