Scribd
Upload
21 views

1 - Setting Up The Environment

The document outlines the steps to set up the development environment for Flutter including downloading and installing Flutter SDK, Android Studio, Visual Studio Code, IntelliJ IDEA and configuring the PATH variable.

Uploaded by

Mohamed fouad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
21 views

1 - Setting Up The Environment

The document outlines the steps to set up the development environment for Flutter including downloading and installing Flutter SDK, Android Studio, Visual Studio Code, IntelliJ IDEA and configuring the PATH variable.

Uploaded by

Mohamed fouad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Setting up the Environment

 Download Flutter SDK


 Installation Setup for Android Studio
 Installation Setup for Visual Studio Code
 Installation Setup for IntelliJ IDEA

Download Flutter SDK - https://docs.flutter.dev/get-started/install


1. Download the Flutter SDK:
 Windows: https://flutter.dev/docs/get-started/install/windows
 macOS: https://flutter.dev/docs/get-started/install/macos
2. Extract the zip file and place the contained flutter in the desired installation location for the
Flutter SDK:
 E.g. C:\Users\<your-user-name>\Documents). C:\Users\Azlia\Documents\flutter
 Or C:\src\flutter
3. Update path:
 Right-click to My Computer or This PC > Properties > Advanced System Settings >
Advanced tab > Environment Variables
 Under User Variables > Path > Edit > New > add the flutter/bin directory: e.g. C:\
Users\Azlia\Documents\flutter\bin > OK.

Check your Flutter


1. Open Command Prompt and path to the flutter directory bin.
2. Run: flutter doctor. Example view:

3. To solve the issue, move to the next step to get editor.


4. Download and install Editor:
 Android Studio: https://developer.android.com/studio
 VS Code: https://code.visualstudio.com/

Installation Setup for Android Studio


Download and install Java SDK

1. Download link: https://www.oracle.com/java/technologies/downloads/


2. Install the Java SDK using the default setting.

Download and install Android Studio

1. Download link: https://developer.android.com/studio


2. Install the Android Studio.
Install Additional Android SDK

1. Open Android SDK Manager and install any missing or updated packages.

2. To view the currently installed packages and check for updates, remain within the SDK
settings screen and select the SDK Tools. Check the following packages to be installed:
 Android SDK Build-tools
 Android Emulator
 Android SDK Platform-tools
 Google Play Services
 Intel x86 Emulator Accelerator (HAXM installer)
 Google USB Driver (Windows only)
 Layout Inspector image server
3. Configure the system’s Path environment variable. Copy the Android SDK location to locate
the following entries:
Example:

C:\Users\Azlia\AppData\Local\Android\Sdk\platform-tools

C:\Users\Azlia\AppData\Local\Android\Sdk\tools

C:\Users\Azlia\AppData\Local\Android\Sdk\tools\bin
4. Click at the Edit button to add the new entries:
5. To check, open Command Prompt and type:
echo %Path%
Download Plugin

1. Open plugin preferences (File > Setting > Plugins)


2. Search for Dart and Flutter plugin in Marketplace.
3. Install the plugins.
Installation Setup for Visual Studio Code

1. Download and install the Visual Studio Code from here: https://code.visualstudio.com
2. Run the Visual Studio Code IDE.
3. Go to View tab > Command Pallete > Type “install”, and select Extensions: Install
Extensions.

4. Type Flutter to search in Marketplace. Then click at Install button.

5. Check your flutter in Terminal or from Command Pallete (Ctrl + Shift + P). Run flutter doctor.
Review the status.

Or
Installation Setup for IntelliJ IDEA

1. Download the IntelliJ IDEA from this link:


https://www.jetbrains.com/idea/download/#section=windows
2. Select for Community version.
3. Install the IntelliJ IDEA.
4. Setting Flutter SDK. Go to File > Settings > Plugins > Marketplace > Search for Flutter. Install.
5. Continue to download for Dart plugin.

You might also like