FLUTTER and VS Code
FLUTTER
Visual Studio Code (VS Code) is a powerful and popular IDE for Flutter development that offers numerous features.
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.
Create Flutter Project using Command Line Interface (CLI)
Open command line window, create flutter project by flutter create project_name command.
Note: Alternatively we can create project in Android Studio and edit in VS Code
Run app on VS Code using CLI command
To run flutter project first go inside the project by cd project_name command then run project by flutter run command.
Run app on VS Code by right click on main.dart
Note: Alternatively to run the project from VS Code, right click on main.dart (under the lib folder) and select Run without Debugging..
Run app on emulator or real device or on a browser
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.
