Flutter setup for MacOS

-

Steps involved For Installation in Mac.

Step1−GotoURL, https://flutter.dev/docs/get-started/install/macos and download latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_macos_v1.2.1- stable.zip.

Step 2 − Unzip the zip archive in a folder, say /path/to/flutter

Step 3 − Update the system path to include flutter bin directory (in ~/.bashrc file).

> export PATH = "$PATH:/path/to/flutter/bin"

Step 4 − Enable the updated path in the current session using below command and then verify it as well.

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. It is similar to the Windows counterpart.

Step 5 − Install latest XCode, if reported by flutter doctor

Step 6 − Install latest Android SDK, if reported by flutter doctor

Step 7 − Install latest Android Studio, if reported by flutter doctor

Step 8 − Start an android emulator or connect a real android device to the system to develop android application.

Step 9 − Open iOS simulator or connect a real iPhone device to the system to develop iOS application.

Step 10 − Install Flutter and Dart plugin for Android Studio. It provides the startup template to create a new Flutter application, option to run and debug Flutter application in the Android studio itself, etc.,

  • Open Android Studio

  • Click Preferences → Plugins

  • Select the Flutter plugin and click Install

  • Click Yes when prompted to install the Dart plugin.

  • Restart Android studio.

Location: Delhi, India

Comments

Post a Comment

Popular posts from this blog

12 Reasons to choose Flutter as your Development Environment

-
1. Flutter overcomes the traditional limitations of cross-platform approaches. Creating a truly cross-platform approach has long been the bane of tech consultants tired of having to make multiple versions of identical product. However, in reality, the user experience typically lags behind that of native applications, because you often end up building the UI experience in JavaScript that has to be Just In Time compiled. 2. Developers increase productivity ten-fold. This increase in productivity comes from Flutter’s “hot reload” “Stateful Hot Reload” and “Hot Restart”. Together, these allow developers to see changes they make to the state of an app in less than one second; and changes to the app structure in less than ten. 3. Frontend & Backend with a single code Unlike in Android coding, where there are separate files for fronted (Views) which are referenced by backend (Java), flutter uses a single language (Dart) which does both the job and uses a reactive framework. 4. It’s a powe...
Read more

About Flutter

-
Flutter is an open source framework to create high quality, high performance mobile applications across mobile operating systems - Android and iOS. It provides a simple, powerful, efficient and easy to understand SDK to write mobile application in Google’s own language,  Dart . This tutorial walks through the basics of Flutter framework, installation of Flutter SDK, setting up Android Studio to develop Flutter based application, architecture of Flutter framework and developing all type of mobile applications using Flutter framework.
Read more

Flutter Setup for Windows

-
Step 1  − Go to URL,  https://flutter.dev/docs/get-started/install/windows  and download the latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_windows_v1.2.1-stable.zip. Step 2  − Unzip the zip archive in a folder, say C:\flutter\ Step 3  − Update the system path to include flutter bin directory. Step 4  − Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. Step 5  − Running the above command will analyze the system. The report says that all development tools are available but the device is not connected. We can fix this by connecting an android device through USB or starting an android emulator. Step 6  − Install the latest Android SDK, if reported by flutter doctor Step 7  − Install the latest Android Studio, if reported by flutter doctor Step 8  − Start an android emulator or connect a real android device to the system. Step 9  − Install Flutter...
Read more