Setting up Flutter Development Environment on Windows

Kailash Chandra Behera | Sunday, July 16, 2023

Introduction

To work with any technology, you need to set up an environment that is supported by the technology. To work with flutter on Windows you need to set up environment, we will here in this blog post discussion of getting started with Flutter development environment creation on Windows.

Getting Started

Setting up a flutter development environment is as easy as other technologies like .net, java and python. You just need to do the following two tasks, before that you need to make sure that you have met the following system requirements.

System Requirements

To install and run Flutter, your development environment must meet these minimum system requirements:

  1. Operating Systems: Windows 10 or later (64-bit), x86-64 based.
  2. Disk Space: 1.64 GB (does not include disk space for IDE/tools).
  3. Tools: Flutter depends on these tools being available in your environment.
    • Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10)
    • Git for Windows 2.x, with the Use Git from the Windows Command Prompt option.

If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell. If the Git is not installed then download from below given link and install it.

Link : Flutter Github

Installing Flutter on Windows

To create flutter CodeLabs you need to download the flutter SDK. Download the installation bundle to get flutter stable latest release of the SDK. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter).

Link: Flutter Get SDK

Setup Flutter Environment with Command Prompt

For getting started Flutter with commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable.

  1. From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
  2. Under User variables check if there is an entry called Path:
    1. If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
    2. If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value.
  3. Close and reopen any existing console windows for these changes to take effect.

Run the following command to see if there are any platform dependencies you need to complete the setup. 

 C:\src\flutter>flutter doctor

The above command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform (shown in bold text). 

 [-] Android toolchain - develop for Android devices  
   • Android SDK at D:\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://docs.flutter.dev/setup/#android-setup for detailed instructions.

Apps also can be built with Flutter using any text editor combined with Flutter’s command-line tools. However, google recommends using one of following editor plugins for an even better experience. These plugins provide you with code completion, syntax highlighting, widget editing assists, run & debug support, and more.

  1. Visual Studio Code VS Code
  2. Android Studio and IntelliJ
  3. Emas

Flutter Environment Setup with Visual Studio Code (VSCODE FLUTTER)

Here we are going create flutter development on windows using VS Code. Follow steps helps to configure the Visual Code for flutter environment setup.

  • Install VS Code.

    To work with flutter in VSCODE you need to install and configure the VS code. Download the VS Code setup file from the link given below and install it. Only 5 easy steps you need to follow to install it.

    Link: Flutter VSCode

  • Configure flutter in VScode.
    • Start VS Code.
    • Invoke View > Command Palette….
    • Type “install” and select Extensions: Install Extensions.
    • Type “flutter” in the extensions search field, select Flutter in the list, and click Install. This also installs the required Dart plugin.

Summary

Here in this blog post, we learn how to setup Flutter environment by installing Flutter, configure the path for the command and configure VScode to get flutter work on. I hope you have enjoyed it a lot.

Thanks

By at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)