← All posts

1 Sept 2020

My flutter development setup

Title card reading My Flutter Development Setup on a blue Flutter-themed background

Title: My Flutter development setup

I want to tell you how I set up my computer to work on flutter apps.

I do this with a freshly installed Windows 10. However, the steps would be similar for any OS you choose.

Steps:

  1. Download everything
  2. Place it somewhere
  3. Install Android Studio
  4. Install Android Studio and VS Code
  5. Set Environment variables
  6. Install flutter plugins in IDEs

Download everything

Place it somewhere

  • Unzip and place flutter SDK in c:/SDK
  • Unzip scrcpy and place it in c:/TOOLS
Windows File Explorer showing folders on the C: drive

My folder structure

Install Android Studio and VS Code

Choose the SDK path as c:/SDK/android-sdk

Let the installation complete.

Install VS code normally, the way you would any software.

Set Environment variables

Add paths to the Path variable. For me, these are the paths I have added.

  • C:\SDKS\flutter\bin
  • C:\SDKS\android\platform-tools
  • C:\TOOLS\scrcpy
  • C:\Program Files\Android\Android Studio\jre\bin

Note: your paths may differ from this. Act accordingly

Windows search for environment variables in the Start menu

Find “Environment variables” from start menu

Windows System Properties dialog with the Environment Variables button highlighted

Click on “Environment Variables”

Windows Environment Variables dialog listing the user and system variables

Select Path and click edit

Edit environment variable dialog listing the PATH entries for Flutter and Android tools

Add appropriate paths to here by pressing New

Install flutter plugins

Install flutter plugin in android studio and vs code.

Android Studio welcome screen with the Configure menu open

Open Plugins settings in android studio

Android Studio plugin marketplace with Flutter searched

Install the Flutter plugin. Dart will be automatically installed with it

VS Code Flutter extension page

Install the Flutter plugin in VS Code. Optionally install Awesome Flutter Snippets for super productive development experience

Restart your computer to make sure environment variables are loaded.

That's all.

https://twitter.com/prasadsunny1

Originally published on Medium.