🎉Celebrating 25 Years of Tech Excellence and Trust - Learn More
Quick Overview: Flutter has revolutionized the app development world with its features, functionalities, and abilities to build mobile applications using a single code base. Therefore, Flutter reaches another landmark by allowing developers to build a desktop application for Windows and macOS. To set up an environment development, you should know how to install Flutter in Windows. This is what the entire blog is about. Let’s dive into the world of Flutter on Windows.
Flutter!
The technology and framework itself attract a huge developer community in the world. Every software developer loses their head when they choose Flutter app development for their project. Therefore, Flutter has gained huge popularity in the software industry than any other framework. It’s the best framework that dominates the mobile app market. Some claim it’s the perfect answer from Google to Facebook’s React Native. But hold on! We are not here for any debate.
Let’s get it straight. This guide will help you migrate your existing mobile app to Flutter 2.0. All you have to do is to follow the given steps and install the latest version of Flutter.
So, without any delay, let’s get ahead and understand the installation process on your Windows and macOS.
Developed by Google, Flutter is a mobile app SDK, which allows developers to develop high-quality native interfaces for iOS, Android, Web, macOS, and Linux devices using a single codebase. It allows developers to write a code once and use it on different software devices.
Flutter is a free and open-source framework. The amazing features of Flutter enhance the mobile app development experiences.
Therefore, Flutter is the best choice for every startup.
This Flutter installation guide will help you install Flutter on your local Windows system. But before that, you have to ensure that your system meets these minimum requirements.
Download the latest version of Flutter SDK from here – Download Flutter SDK for Windows.
Once you download the SDK, it’s time to extract the zip file and move the contained flutter to the desired location for the Flutter SKD.
Here, I am installing Flutter to C:\Flutter
Now, locate flutter_console.bat
inside the flutter
directory and double-click it to start.
If you want to execute Flutter commands in the regular Windows console, consider the given steps to add Flutter to the Path environment variable:
1. Type ‘env’ in the Start Search bar and select - Edit environment variable for your account.
2. Now, check the entry called Path: under User variables .
3. If you don’t find any such entry, append the full path to flutter\bin
using; as a separator from existing values.
4. Create a new user variable named Path
with the full path to flutter\bin as its value if you don’t find any entry.
Whoa!! Congratulations! You have successfully installed Flutter on your Windows desktop.
Gentle Reminder: You will have to reopen any existing console windows to affect these changes.
flutter doctor
Now, run the following command from a console window with the Flutter directory in the above path to determine if there are any platform dependencies you need in order to finish the setup:
C:\flutter> flutter doctor
With the execution of this command, it will check your environment and display the Flutter installation status. Find out the below results for any additional applications you are required to install or further tasks to complement.
[-] Android toolchain - develop for Android devices
Android SDK at C:\Android\sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.
Before Flutter installation in macOS, you have to make sure that your system meets these minimum requirements.
Download the latest version of Flutter SDK from here – Download Flutter SDK for macOS.
Download the SDK file and extract it to the desired location.
$ cd ~/development
$ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
Now, add the flutter tool to your given path.
Open your bash profile from your terminal to execute this process.
$ sudo vim ~/.bash\_profile
Add your flutter path to the given $PATH
variable in bash\_profile
.
Suppose, if you have extracted flutter in the folder named Applications, your path will be /Applications/flutter/bin .
Copy this path and add it to the existing $PATH variable using: in between two paths. Then save and close the bash\_profile
.
Execute the code $ echo $PATH
to check the path again.
Now you can see the added Flutter path.
Run flutter precache
in the terminal.
Run the given command to check if there’s another dependency required to install for setup completion (for verbose output, add the
– v
flag ):$ flutter doctor
If there are any missing dependencies, add them.
[-] Android toolchain - develop for Android devices
Android SDK at /Users/obiwan/Library/Android/sdk
Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.
$ flutter doctor
checks your environment and shows the result on the window screen. However, it’s not required to install Dart SDK separately, as it’s already bundled with Flutter.
If you are installing Flutter for the first time, you might get a message like this with flutter doctor command execution.
As you can see, you need to do several things using Flutter in the macOS.
So, let’s run the given command to rectify these issues.
If you use Mac OS Mojave, install Xcode command line tools.
$ brew update
$ brew install --HEAD usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
$ npm install -g ios-deploy
brew
does not maintain it any longer, as flutter doctor suggests
$ flutter doctor --android-licenses
Planning to build your next mobile application using Flutter?
Hire Flutter Experts
Before going further, make sure that your Android device runs on the Android 4.1 version (API level 16) or higher.
flutter devices
command to verify that Flutter accesses your connected Android deviceActually, Flutter uses the default version of the Android SDK where your adb tool is located.
If you want to use a different version of Android SDK for Flutter development, then set the ANDROID_HOME
environment variable to that installation directory.
1. Open Android Studio .
2. Open plugin preferences ( File > Settings > Plugins ).
3. Select Browser repositories , select the Flutter plugin and click Install .
4. Click Yes when prompted to install the Dart plugin.
5. Click Restart when prompted.
Tadda! Now, you are one step closer to becoming a Flutter developer.
Flutter and Dart are the right choices if you wish to develop flutter web apps and mobile apps interfaces in a given time.
Wrapping UpSince you are on the verge of developing an app using Flutter app development services, we chose to guide you through this tutorial of Flutter installation on your system.Now you know how to install Flutter on different systems – Android, iOS, and Windows. By following these steps, you have opened up a world of possibilities for developing a robust cross-platform mobile application. We hope this guide helps you with the installation process. But always remember, the key to mastering Flutter lies in practice.If you want to professionally proceed in Flutter development, consider partnering with a renowned Flutter development company that can provide expert guidance, support, and resources.To discuss your project requirements, feel free to consult our experts and explore how we can assist you.
Ready to brush up on something new? We've got more to read right this way.