Flutter Installation on MacOs and Windows.

Flutter Installation on MacOS and Windows.


Installation on MacOS

System requirements

To install and run Flutter, your development environment must meet these minimum requirements:

  • Operating Systems: macOS (64-bit).
  • Disk Space: 700 MB (does not include disk space for IDE/tools).
  • Tools: Flutter depends on these command-line tools being available in your environment.

Get the Flutter SDK

  1. Download the following installation bundle to get the latest stable release of the Flutter SDK: link
  2. Extract the file in the desired location, for example:

    cd ~/development
    unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
  3. Add the flutter tool to your path:

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

This command sets your PATH variable for the current terminal window only. To permanently add Flutter to your path, see Update your path.

  1. To check if you are all set or need to download or update any dependancy, type flutter doctor. This will give you a summary on which software/dependency needs to be downloaded. If anything needs to be downloaded or setup, the flutter doctor will give you a detailed instruction on how to setup. Once all the software/dependencies have been setup, rerun - flutter doctor and if all the dependencies are configured, we can move to the next step.
  2. Now we can open Android Studio (make sure you have the latest IDE installed or 3.0>) and the welcome window pops up and on the right bottom click on Configure -> Plugin ->Search and Install Dart and Flutter plugin. If you don’t find the welcome window then you can download the plugin from Android Studio -> preferences ->plugin. Restart Android Studio and now you will be able to see an option called start flutter project.

Installation on Windows

System requirements

To install and run Flutter, your development environment must meet these minimum requirements:

  • Operating Systems: Windows 7 SP1 or later (64-bit)
  • Disk Space: 400 MB (does not include disk space for IDE/tools).
  • Tools: Flutter depends on these tools being available in your environment.
    If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell.

Get the Flutter SDK

  1. Make sure you have Android Studio downloaded and installed.
  2. Download the following installation bundle to get the latest stable release of the Flutter SDK: Link
  3. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (eg. C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).
  4. Locate the file flutter_console.bat inside the flutter directory. Start it by double-clicking.

Update your path

If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable:

  • From the Start search bar, type ‘env’ and select Edit environment variables for your account
  • Under User variables check if there is an entry called Path:

    • If the entry does exist, append the full path to flutter\bin using ; as a separator from existing values.
    • If the entry does not exist, create a new user variable named Path with the full path to flutter\bin as its value.

Note that you will have to close and reopen any existing console windows for these changes to take effect.

Run flutter doctor

Run the following command to see if there are any platform dependencies you need to complete the setup:

C:\src\flutter> flutter doctor

This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you may need to install or further tasks to perform (shown in bold text).

For Example:

[-] Android toolchain - develop for Android devices
• Android SDK at D:\Android\sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQTry re-installing or updating your Android SDK,visit https://flutter.dev/setup/#android-setup for detailed instructions.

Bonus

Flutter IDEs

For Flutter, it’s best to use Android Studio/IntelliJ or Visual Studio (VS) code with Mac/Windows as your operating systems.

These IDEs are the best you can find for developing mobile applications. But to use these with Flutter, we will need to use a few plugins.

We will need a plugin for the Dart compiler, another for code analysis, and another for the Flutter developer workflow (building, running, and debugging).

1. Android Studio

Android Studio or IntelliJ is the Recommend IDE by Flutter developers.

It provides you code completion, syntax highlighting, widget editing assists, run & debug support, and more.

There’s a browser-dev-tools style Inspector and more in the debug tools.

2. Visual Studio Code

Visual Studio Code (vs code) is also recommended by Flutter Developers.

This IDE built for developing and debugging web applications as well as Flutter apps. it has integrated Git control & terminal. It has a very large plugin system that probably rivals the Sublime quality and surpasses it for web language. It has all the necessary features and plugins to develop a full-fledged Flutter app with ease.

Flutter Extensions for Visual Studio Code

Dart Extensions for Visual Studio Code

I Recommended VS Code and many other Developer will Recommended VS Code too because it is minimalist and feels very lightweight.


Flutter 💖 Dart