VS Code for Flutter

➔ Visual Studio Code (VS Code) is a very lightweight and recommended editor for Flutter development that provides a cross-platform development and debugging experience through plugins.

Flutter Application in Visual Studio Code.

There are only 3 steps to follow to develop flutter application in VS Code:

1: Install flutter SDK and set environment path variable. Install the Flutter SDK.

2: Install Android Studio and create Android Virtual Device (Android Emulator). Install Android Studio.

3: Install Visual Studio Code. Open project(created by command-line), and run project from VS Code on real device a USB connected phone (or in the emulator created in step 2).

Flutter Project in Visual Studio Code.

Visit VS Code official website and download VSCode from https://code.visualstudio.com/download.

Select User Installer 64bit

Right Click on downloaded file and select install

Select I accept the agreement and click next

click Next

click Next

click Next

click Install

Installation progress

click Finish

User Interface of Visual Studio Code.

Select plugin icon (left side) search for dart plugin and click install.

Select plugin icon (left side) search for flutter plugin and click install.

Open command line window, create flutter project by flutter create project_name command.

To run flutter project first go inside the project by cd project_name command then run project by flutter run command.

Node: Alternatively to run the project from VS Code, right click on main.dart (under the lib folder) and select Run without Debugging..

Flutter application run on android emulator by command-line interface and edited by Visual Studio Code.

From now on we can see connected devices by clicking on the bottom-right corner of the screen and select a device to use as emulator (mobile emulator) or real device (mobile), or can even create an emulator to run application.