Advantages of using Docker. There are a number of advantages to using a Docker container. Some of the important ones are listed below: If you upgrade to a new desktop or laptop (or want to use any of your friends' systems), you will have to manually download all the tools required in order to build Flutter apps. Flutter for Windows. Flutter for Macos. Flutter for Web. Microsoft Store The function is not ，it will replace with Flutter for UWP in the future. Click Format button, it will convert the Json string into Dart class structure. Setting Data Protection. It will protect data when convert data as T safety. Segment 3 – Download Flutter & Dart – The Complete Flutter App Development Course's Source code – Get source code for the course projects. Section 4 – Installing Development Tools and Machine Setup Mac computer Users: Set up your MAC COMPUTER to begin developing Flutter Apps.
In this tutorial, we are going to install flutter SDK, to be precise setting up flutter SDK and running our very first Flutter example. It is super easy to install flutter, please follow the below mentioned steps and we are good to go.
1 Download Flutter SDK
To download the Flutter SDK. You have to follow the Flutter SDK download link. Select your operating system. I am Mac user so I will follow the MacOS guide but it is same for Windows and Linux.
After choosing the right operating system. You will see this button to download the SDK. Click to download the SDK.
2 Unzip The Downloaded SDK
Now simply find unzip the downloaded SDK, unzip where you feel it will stay intact.
3 Platform Setup
As we already know flutter code build a mobile application both for Android and iOS. If you are a MacOS user then please install Xcode and set up a simulator. Steps are pretty simple. Go to App Store search for Xcode, install and create a simulator.
For Android install Android Studio, open AVD manager and set up an android emulator. If you are interested to test the code on a real device don’t forget to Enable Developer options and USB debugging. And on Windows install USB driver as well.
4 Setup Editor
You can create apps in Flutter using any rich text editor either its Sublime or VS Code. With these editors, you have to set up the command line tools. The most widely used are Visual Studio Code and IntelliJ.
I would prefer to build flutter apps in Android Studio. Everything is pretty easy and stable with the android studio.
5 Install Flutter and Dart
Open Android Studio select plugins and search for Flutter. I have already installed but here you just have to click on the install button. It will take permissions to install the Dart plugin as well. Just allow and after you install flutter and dart restart the android studio.
Create Project
Now you will able to see “Start a new Flutter project” click on it to create a new project. Here is another important but very simple thing. Set the flutter SDK path, you just have to give the SDK path where we unzipped it in the 2 step.
Write the app name and choose the location where you want to save this project. Select the next button. On the next screen if you have a website write the website name or otherwise write anything. You can update this information later on as well. Hit the next button and choose Flutter application (1st option) and finish.
Run the Application
Now we are ready to test a real application on an emulator. Click on 1 st icon and create an emulator of your own choice. Click on the 2nd icon: If you have attached a real device or iOS simulator you can choose on which device you want to install. I have an iOS simulator I will test on it.
Output
Here we have a default sample running application. It time to build something great. Happy Coding 😉
In this section, we are going to learn how to set up an environment for the successful development of the Flutter application.
System requirements for Windows
To install and run Flutter on the Windows system, you need first to meet these requirements for your development environment.
| Operating System | Windows 7 or Later (I am Windows 10. You can also use Mac or Linux OS.). |
| Disk Space | 400 MB (It does not include disk space for IDE/tools). |
| Tools | 1. Windows PowerShell 2. Git for Windows 2.x (Here, Use Git from Windows Command Prompt option). |
| SDK | Flutter SDK for Windows |
| IDE | Android Studio (Official) |
Install Git
Step 1: To download Git, click here.
Step 2: Run the .exe file to complete the installation. During installation, make sure that you have selected the recommended option.
To read more information about installing Git, click here.
Install the Flutter SDK
Step 1: Download the installation bundle of the Flutter Software Development Kit for windows. To download Flutter SDK, Go to its official website, click on Get started button, you will get the following screen.
Step 2: Next, to download the latest Flutter SDK, click on the Windows icon. Here, you will find the download link for SDK.
Step 3: When your download is complete, extract the zip file and place it in the desired installation folder or location, for example, D: /Flutter.
Note: The Flutter SDK should not be placed where the administrator's permission is required.
Step 4: To run the Flutter command in regular windows console, you need to update the system path to include the flutter bin directory. The following steps are required to do this:
Step 4.1: Go to MyComputer properties -> advanced tab -> environment variables. You will get the following screen.
Step 4.2: Now, select path -> click on edit. The following screen appears.
Step 4.3: In the above window, click on New->write path of Flutter bin folder in variable value -> ok -> ok -> ok.
Step 5: Now, run the $ flutter doctor command. This command checks for all the requirements of Flutter app development and displays a report of the status of your Flutter installation.
Step 6: When you run the above command, it will analyze the system and show its report, as shown in the below image. Here, you will find the details of all missing tools, which required to run Flutter as well as the development tools that are available but not connected with the device.
Step 7: Install the Android SDK. If the flutter doctor command does not find the Android SDK tool in your system, then you need first to install the Android Studio IDE. To install Android Studio IDE, do the following steps.
Step 7.1: Download the latest Android Studio executable or zip file from the official site.
Step 7.2: When the download is complete, open the .exe file and run it. You will get the following dialog box.
Step 7.3: Follow the steps of the installation wizard. Once the installation wizard completes, you will get the following screen.
Step 7.4: In the above screen, click Next-> Finish. Once the Finish button is clicked, you need to choose the 'Don't import Settings option’ and click OK. It will start the Android Studio.
Note:> Meanwhile, the installation wizard also includes downloading Android SDK components that are required by Flutter for development.
Step 8: Next, you need to set up an Android emulator. It is responsible for running and testing the Flutter application.
Step 8.1: To set an Android emulator, go to Android Studio > Tools > Android > AVD Manager and select Create Virtual Device. Or, go to Help->Find Action->Type Emulator in the search box. You will get the following screen.
Step 8.2: Choose your device definition and click on Next.
Step 8.3: Select the system image for the latest Android version and click on Next.
Step 8.4: Now, verify the all AVD configuration. If it is correct, click on Finish. The following screen appears.
Step 8.5: Last, click on the icon pointed into the red color rectangle. The Android emulator displayed as below screen.
Step 9: Now, install Flutter and Dart plugin for building Flutter application in Android Studio. These plugins provide a template to create a Flutter application, give an option to run and debug Flutter application in the Android Studio itself. Do the following steps to install these plugins.
Step 9.1: Open the Android Studio and then go to File->Settings->Plugins.
Step 9.2: Now, search the Flutter plugin. If found, select Flutter plugin and click install. When you click on install, it will ask you to install Dart plugin as below screen. Click yes to proceed.
Step 9.3: Restart the Android Studio.
Flutter
System Requirements for macOS
To install and run Flutter on macOS system, you need first to meet these requirements for your development environment.
| Operating System | macOS (64-bit) |
| Disk Space | 2.8 GB (It does not include disk space for IDE/tools). |
| Tools | bash curl git 2.x mkdir rm unzip which |
| IDE | Xcode (Official) |
Download Flutter Sdk Macos
Get the Flutter SDK
Step 1: Download the installation bundle of the Flutter Software Development Kit for macOS. To download Flutter SDK, Go to its official website.
Step 2: When your download is complete, extract the zip file and place it in the desired installation folder or location.
Download Flutter Mac Os
Step 3: To run the Flutter command, you need to update the system path to include the flutter bin directory.
Step 4: Next, enable the updated path in the current terminal window using the below command and then verify it also.
Step 5: Now, run the $ flutter doctor command. This command checks for all the requirements of Flutter app development and displays a report of the status of your Flutter installation.
Step 6: When you run the above command, it will analyze the system and the details of all missing tools, which required to run Flutter as well as the development tools that are available but not connected with the device.
Download Flutter On Mac
Step 7: Install the latest Xcode tools if reported by the Flutter doctor tool.
Step 8: Install the latest Android Studio and SDK, if reported by the Flutter doctor tool.
Step 9: Next, you need to set up an iOS simulator or connect an iPhone device to the system for developing an iOS application.
Step 10: Again, set up an android emulator or connect an android device to the system for developing an android application.
Step 11: Now, install Flutter and Dart plugin for building Flutter application in Android Studio. These plugins provide a template to create a Flutter application, give an option to run and debug Flutter application in the Android Studio itself.