Skip to main content

Command Palette

Search for a command to run...

Flutter and VS code?

How to setup environment of flutter with vs code visual studio code?

Published
2 min read
Flutter and VS code?
S

Hi, I’m Shanawaz, a web developer with 1 years of experience in full stack web developer. I specialize in ReactJS and React Native and have worked on projects such as different filed website like blog, news, e-comers, social media etc. I have a degree in Bachelor of Technology with Computer Science Engineering from MM Deemed to be University, Mullana.

​Flutter is a cross-platform mobile app development framework created by Google. It is used to develop applications for Android and iOS from a single codebase.

Flutter uses the Dart programming language for developing applications. Dart is a fast and object-oriented language that enables developers to write code that is easy to read and maintain.

Flutter's hot reload feature helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. With hot reload, you can make changes to your code and see the results instantly without having to restart your app or lose your state.

In order to start developing with Flutter, you will need to set up your development environment. This article will guide you through setting up Flutter on your computer with Visual Studio Code as your code editor.

Before beginning this process, ensure that you have the following software installed on your computer:

  • The latest stable release of the Android SDK

  • Android Studio

  • Xcode

Once you have these dependencies installed, you can begin setting up Flutter.

  1. Download the Flutter SDK from the Flutter website.

  2. Extract the contents of the ZIP file you just downloaded. Create a new directory for theFlutter SDK if you don't already have one. For example:

mkdir ~/development/flutter
# If you are using Linux or macOS
cd ~/development/flutter
  1. Add the flutter tool to your path so that you can run it from any directory:
export PATH="$PATH:`pwd`/flutter/bin"
# If you are using Linux or macOS
flutter doctor
22 views