This is a beginner's guide to visual studio code and flutter. VS Code is a light weight editor with flutter app development, execution and debug support. Visual Studio Code is a source-code editor developed by Microsoft.

Install latest stable version of VS Code
Install the Flutter and Dart plugins
- In VS Code “Extensions” Tab, search field type flutter, select “Flutter” in the list and click “Install”.
- Flutter plugin also installs the required Dart plugin.

Validate your flutter setup using “flutter doctor command”.

Once Flutter SDK and your VS Code Editor is up and running,


Flutter Visual Studio Code

To Create a new flutter project from the flutter starter app template follow the below steps

step 1 : Open Command Palette

Use Shortcut key - Ctrl+Shift+P or Cmd+Shift+P on macOS

Go to View Menu, select “Command Palette”


VS Code Command Palette

step 2 : Create Flutter New Project

Select the “Flutter : New Project” Command from the list and press Enter


Flutter New Project

step 3 : Enter your project name


Flutter Project Name

For this demo, App Name : flutter_test_app


Flutter Test App

step 4 : Select the desired project location


Flutter Project Location

step 5 : Your flutter project is ready !

Wait for a few seconds and let flutter create the required files and folders in your project location.


Flutter Create Command

Once, the project setup is complete, VS Code will notify you that your flutter project is ready.


Flutter Project Ready

To learn more about flutter - Flutter Developer Guide